SimpleModal 关闭对话框前确认

Question

我正在使用 SimpleModal (http://www.ericmmartin.com/projects/simplemodal/ ）并且我有一个显示在对话框中的表单。我想要做的是每次用户尝试关闭对话框（通过转义或单击关闭图标）时都能够出现确认，并询问他们是否真的想在不保存表单数据的情况下关闭它。我尝试了以下操作：

onClose: function (dialog) {
    if (confirm('Are you sure you want to close without saving?')) {
        $.modal.close();
    }
}

但它只触发一次。如果您点击取消，则稍后无法再次关闭，这是有道理的。有人有建议或解决方案吗？任何帮助将不胜感激。 :)

Answer 1

我为您查看了 SimpleModal 的源代码，您想要做的事情无法用他们的代码完成。这就是为什么：

在调用自定义回调 onClose 之前，它会调用以下内容：

s.unbindEvents();

这实际上表示“无论您是否喜欢，此框都将关闭”。它与您可以取消的普通回调不同。

我建议使用 jQuery UI 对话框，您应该会发现通过使用它非常容易实现该功能他们的 beforeclose 回调。您只需使用：

beforeclose: function(){ 
    return confirm('Are you sure you want to close without saving?')
}

Answer 2

我使用 jerone 正在尝试的方式来完成此工作，但也重新绑定事件：

onClose: function (dialog) {
    if (confirm('Are you sure you want to close without saving?')) {
        $.modal.close();
    }else{
        this.occb = false;
        this.bindEvents();
    }
}

需要更新此插件以支持关闭事件的取消。看起来它并没有真正被视为代码中的事件。我希望它的行为就像任何其他 js 事件一样。

Answer 3

我还查看了源代码，当执行 onclose 事件时，会启用 occb 标志。

您可以尝试的（我没有尝试过）是在传递给 this 变量时覆盖此 occb：

onClose: function (dialog) {
    if (confirm('Are you sure you want to close without saving?')) {
        $.modal.close();
    }else{
        this.occb = false;
    }
}

希望这会有所帮助。