jquery Alertify 确认后确认不起作用

Question

我正在为我的对话框使用 Alertify Jquery 插件。问题是，一次确认后一次确认似乎不起作用:

<img onclick="go()" src="test.jpg">
<script type="text/javascript">
// confirm dialog
function go(){

  alertify.confirm("Reset password?", function (e) {
    if (e) {
        // user clicked "ok"
        secondconfirm();
    } else {
        // user clicked "cancel"
    }
  });
}

function secondconfirm(){

  alertify.confirm("Password is changed<br>Mail it to the user?", function (e) {
    if (e) {
        //Done
        alertify.success("Password reset and mailed to user.");
    } else {
        // user clicked "cancel"
        alertify.success("Password reset.");
    }
  });
}
</script>

我想以这种方式使用它，因为根据单击"is"或“否”，必须询问第二个问题。如果我像这样使用它，第二个确认对话框很快就会出现，然后弹出屏幕。更烦人的是，覆盖屏幕其余部分的 DIV 保持在原位，因此我什至无法在不刷新整个页面的情况下使用该网站。我想这与第一个对话框淡出有关，同时也隐藏了第二个对话框。

如何解决这个问题？

Answer 1

尝试使用 setTimeout 方法延迟执行 secondconfirm 方法主体:

function secondconfirm() {
    setTimeout(function () {
        alertify.confirm("Password is changed<br>Mail it to the user?", function (e) {
            if (e) {
                //Done
                alertify.success("Password reset and mailed to user.");
            } else {
                // user clicked "cancel"
                alertify.success("Password reset.");
            }
        });
    }, 1000); // I went as low as 300 ms, but higher value is safer :)
    return true;
}