jquery-ui-dialog -如何连接到对话框关闭事件

Question

我使用的是jquery-ui-dialog插件

我正在寻找刷新页面的方法，在某些情况下，当对话框关闭时。

有没有办法从对话框中捕获关闭事件？

我知道我可以在单击close按钮时运行代码，但这并不包括用户在右上角使用escape或x进行关闭。

Answer 1

我相信你也可以在创建对话框的时候这样做(从我做的一个项目中复制)：

dialog = $('#dialog').dialog({
    modal: true,
    autoOpen: false,
    width: 700,
    height: 500,
    minWidth: 700,
    minHeight: 500,
    position: ["center", 200],
    close: CloseFunction,
    overlay: {
        opacity: 0.5,
        background: "black"
    }
});

注意：close: CloseFunction

Answer 2

$("#dialog").dialog({
    autoOpen: false,
    resizable: false,
    width: 400,
    height: 140,
    modal: true, 
    buttons: {
        "SUBMIT": function() { 
        $("form").submit();
    }, 
        "CANCEL": function() { 
        $(this).dialog("close");
    } 
    },
    close: function() {
      alert('close');
    }
});

Answer 3

$( "#dialogueForm" ).dialog({
              autoOpen: false,
              height: "auto",
              width: "auto",
              modal: true,
                my: "center",
                at: "center",
                of: window,
              close : function(){
                  // functionality goes here
              }  
              });

对话框的" close“属性给出了同样的close事件。