jquery - 如何通过单击 jquery UI 对话框中的十字图标来检查用户是否已关闭对话框

Question

我有两个对话框。用户在第一个值中选择一些值，它会反射(reflect)在页面的 DOM 中。第一个对话框关闭，然后显示另一个对话框。如果用户单击右上角的十字按钮关闭对话框，我想恢复在上一个对话框中所做的更改。在“确定”按钮上，我必须通过设置值来做一些事情。通过此按钮，我将关闭对话框。在关闭事件中，到目前为止我有代码来重置表单。但是，如果用户取消对话框，我怎么知道关闭事件是如何触发的，即从“确定”按钮或十字按钮触发？

Answer 1

您可以通过其类.ui-dialog-titlebar-close找到该“X”按钮，然后在创建对话框时为其附加一个click处理程序，像这样:

$("#test").dialog({
    //dialog options...
}).parent().find(".ui-dialog-titlebar-close").click(function() {
    alert("Closed by title bar X, clear the other form here");
});

You can test it here .