javascript - Alertify 不会因提示而停止

Question

所以我有这些代码行:

$('td').click(function (e) {
    var test = "....";
    var test2 = "....";
    var test3 = "....";
    SuppressWarning(test, test2, test3);
});

function SuppressWarning(test, test2, test3)
{
  var reason = prompt("Why are you suppressing this warning?");
  if(reason != "")
  {
    //do something
  }

系统运行时，会在提示符处停止，除非用户交互，否则不会继续执行 if 语句。但是，我想自定义警报框，所以我决定使用 alertify.js 。

所以我现在得到了这段代码:

$('td').click(function (e) {
var test = "....";
var test2 = "....";
var test3 = "....";
SuppressWarning(test, test2, test3);
});

function SuppressWarning(test, test2, test3)
{
var reason = alertify.prompt("Message", function (e, str) {
if (e) {
    // user clicked "ok"
} else {
    // user clicked "cancel"
}
}, "Default Value");

if(reason != "")
  {
    //do something
  }

我的问题是当系统运行时，它不会在提示符处停止；它只是转到没有 if 语句并完成其余部分。这是为什么？为什么它不在提示符处停止以便用户可以输入内容？我怎样才能解决这个问题？谢谢!

Answer 1

prompt 是浏览器原生的，可以停止当前的代码流，就像警告框或确认一样。另一方面，alertify 没有。如果触发 alertify，脚本不会停止。

这就是 alertify 接受回调作为参数的原因。 function(e, str) 在用户按下 ok 或 cancel 后触发。 str 参数是用户输入的内容。只需将您的条件移入该回调:

alertify.prompt("Message", function (e, str) {
    if (e) {
        // user clicked "ok"
        if(str != "")
        {
            //do something
        }
    } else {
        // user clicked "cancel"
    }
}, "Default Value");