javascript - Sweetalert 不起作用，但是当我使用 alert 进行测试时，它确实起作用

Question

我最近开始使用 Sweetalert，但现在我不明白为什么它不起作用。

我创建了一个函数来检索我用警报测试过的按钮的值（并且它可以工作），但是一旦我将它与 sweetalert 一起使用，按钮就会直接验证，而不会显示 sweetalert。

function dosomething(val) {
  if (val === "Warning") {
    swal({
      html: 'Warning !!!',
      icon: 'warning',
      confirmButtonColor: '#0A717D',
      confirmButtonText: 'Ok',
    });
  }
};

<link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
<link rel="stylesheet" href="src/js/jquery-ui.min.css">
<button type="submit" name="besoin" onclick="dosomething(this.value)" value="Warning">Do something</button>

标签： javascriptsweetalertsweetalert2

Answer 1

    openAreYouSureDialogDocument(training): void {
     if('warning'){
        Swal.fire({
                    title: 'Warning !!!',
                    text: 'Warning !!!',
                    icon: 'warning',
                    confirmButtonColor: '#0A717D',
                    confirmButtonText: 'Ok',
        }).then((result) => {
          if (result.value) {
           //  if all good 
          }
        }).catch(err => console.log(err))
}
      }