jQuery UI對話框 - 暫停關閉事件

Question

有沒有辦法停止jQuery UI對話的關閉事件？

我有一個帶有表單的對話模式。 當用戶關閉對話框時，我想提示“繼續而不保存更改？” [是] [否]。 [是]按鈕繼續並按預期關閉對話框。 [否]按鈕將停止關閉事件並保持對話框打開。

這可能嗎？

Answer 1

是的，您可以使用beforeClose選項。 來自文檔 ：

對話框嘗試關閉時會觸發此事件。 如果beforeClose事件處理程序（回調函數）返回false，則將阻止關閉。

代碼示例

提供一個回調函數來處理beforeClose事件作為init選項。

$( ".selector" ).dialog({
   beforeClose: function(event, ui) { ... }
});

Answer 2

賈斯汀的回答很好地展示了模態。 如果要取消關閉，則函數應返回false，如下所示：

$( ".selector" ).dialog({
   beforeClose: function(event, ui) 
    { return check_if_unsaved_changes(..); }
});

如果對話框應該關閉，check_if_unsaved_changes應該返回true，如果它不應該關閉，則返回false。