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

Question

我有两个对话框.用户在第一个中选择一些值,它反映在页面的DOM中.第一个对话框关闭,另一个对话框显示.如果用户单击右上角的十字按钮以关闭对话框,我想还原在前一个对话框中所做的更改.在OK按钮上,我必须通过设置值来做一些事情.在这个按钮上,我正在关闭对话框.在关闭事件,到现在为止我有代码重置表单.但是,如果用户取消对话框,我怎么知道,如何触发关闭事件,即从OK按钮或十字按钮？

Answer 1

你可以在它的类中找到"X"按钮.ui-dialog-titlebar-close,然后click在创建对话框时附加一个处理程序,如下所示:

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

你可以在这里测试一下.