Sweetalert 不起作用，但当我使用警报进行测试时，它起作用了

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>

Answer 1

title 属性在您的甜蜜警报功能中丢失。

<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">
<script>
function dosomething(val)
{
    if (val === "Warning") 
    {
        swal({
            title: 'Warning !!!',
            html: 'Warning !!!',
            icon: 'warning',
            confirmButtonColor: '#0A717D',
            confirmButtonText: 'Ok',
        });
    }
};
</script>
<button type="submit" name="besoin" onclick="dosomething(this.value)" value="Warning">Warning</button>

Answer 2

    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))
}
      }

Sweetalert 不起作用，但当我使用警报进行测试时，它起作用了

Sweetalert does not work but when i test with alert it does

javascript

sweetalert

sweetalert2