jQuery Dialog UI无法检测是否单击了关闭图标

Question

我有一个使用jQuery的Dialog UI插件的对话模式框.我试图检测用户是否使用标题栏右上角的"X"按钮关闭了该框,但没有运气.我试过了:

$('.myModal').dialog({
    title: 'dialog 1',
    beforeClose: function(){
        //do something
    }
}).dialog("open");

无论用户操作如何,这都将执行该功能.即如果用户点击"确定"而不是"X"按钮.

我查看了对话框文档,找不到能够提供我正在寻找的结果的事件,方法或选项.任何想法将不胜感激.

Answer 1

看看这个链接......

http://forum.jquery.com/topic/jquery-dialog-close

第四个回复是您正在寻找的回复,更少参考此链接.

http://jsbin.com/obafo

...他已经设置了一个示例来查看,其中包含此代码...

$("#dialog").dialog({

close: function(event, ui) {

    if ( event.originalEvent && 
                $(event.originalEvent.target).closest(".ui-dialog-titlebar-close").length ) {

        $("body").append("do some  stuff<br>");

    }

}

})
.find("button")
.click(function() {

    $("body").append("just close  dialog<br>");

    $(this).closest(".ui-dialog-content").dialog("close");

});