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

【问题标题】：Sweetalert does not work but when i test with alert it doesSweetalert 不起作用，但是当我使用 alert 进行测试时，它确实起作用
【发布时间】：2021-01-29 09:25:54
【问题描述】：

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

我创建了一个函数来检索我用 alert 测试过的按钮的值（并且它可以工作），但是一旦我把它放在 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>

【问题讨论】：

我给你做了一个sn-p。它在控制台中给出错误。您缺少一个 TITLE
投票以关闭为 不可重现或由错字或一些简单问题引起。虽然类似的问题可能是这里的主题，但这个问题的解决方式不太可能帮助未来的读者。

标签： javascript sweetalert sweetalert2

【解决方案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))
}
      }

【讨论】：

【解决方案2】：

您的甜蜜提醒功能中缺少 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>

【讨论】：