javascript - sweetalert 立即消失

Question

swal({
    title: "xxx",
    type: "warning",
    showCancelButton: true,
    .....
    },
    function(isConfirm) {
        if (isConfirm) {
            swal("yes, do it!");
        } else {
            swal("cannel!");
        }
    }
);

在我的页面中一个按钮绑定(bind)了一个js函数，该函数执行这段代码。当我点击按钮时，页面上会出现“你确定吗”确认框。但是当我点击 yes 时，下一个 sweetalert 就会刷新并立即消失。怎么了？

Answer 1

看起来插件的关闭操作使用了一个计时器来做一些清理，它在 300 毫秒后执行，所以新的警报也正在清理。

修复它的一个技巧是使用像这样的计时器

swal({
    title: "xxx",
    type: "warning",
    showCancelButton: true
  },
  function(isConfirm) {
    debugger;
    setTimeout(function() {
      if (isConfirm) {
        swal("yes, do it!");
      } else {
        swal("cannel!");
      }
    }, 400)
  }
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert-dev.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css" rel="stylesheet" />