确认前，Alertify对话框消失

Question

我只是在写一些代码，遇到了这样的问题：

alertify.dialog("confirm").set(
{
    'labels':
    {
        ok: 'Personal',
        cancel: 'Share'
    },
    'message': 'Select target:',
    'onok': function()
    {
        alertify.confirm($("#dir_select_user").get(0), function()
        {
            var i = $("#dir_select_user .dir_selector").val();
            t.find(".move_des").val(i);
            t.find(".move_verify").val("1");
            t.submit();
        }).set('labels',
        {
            ok: alertify.defaults.glossary.ok,
            cancel: alertify.defaults.glossary.cancel
        });
    },
    'oncancel': function()
    {
        alertify.confirm($("#dir_select_share").get(0), function()
        {
            var i = $("#dir_select_share .dir_selector").val();
            t.find(".move_des").val(i);
            t.find(".move_verify").val("1");
            t.submit();
        }).set('labels',
        {
            ok: alertify.defaults.glossary.ok,
            cancel: alertify.defaults.glossary.cancel
        });
    }
})   }).show();

我使用alertifyjs库来自http://alertifyjs.com (而不是来自http://fabien-d.github.io/alertify.js/)。

如果您尝试这段代码，您会发现“onok”和“oncancel”对话框在选择personal或share后迅速消失。

这里有什么问题？我该怎么解决呢？

Answer 1

问题的根源在于，当对话框被关闭时，您正在尝试再次显示相同的对话框。默认的AlertifyJS对话框都是单例(任何时候都有一个实例)。

对此您有两个解决方案：

1. 延迟显示第二确认直到第一确认实际关闭。 Alertify.confirm(“确认？”)，函数onOk() {//延迟显示确认再次//直到第一个确认实际上关闭为止。setTimeout(函数() {alertify.confirm(“确认另一个时间?")；}，100)；}，函数onCancel() {//无延迟，这将无法显示！Alertify.confirm(“这将不会显示！”)；}；
2. 创建您自己的瞬态(多实例)确认，只需继承现有的。 //瞬态(多个实例)alertify.dialog(‘myCon所求，函数工厂(){返回{};}，真，’确认‘)；alertify.myConfirm(“确认？"，函数(){alertify.myConfirm(”确认另一个时间?")；}； 注意：要小心，因为每次调用一个临时对话框都会创建一个新实例，您可以保存对已启动实例的引用并重用它们！

参见演示这里。