jquery - 在 jQuery 模型对话框关闭上调用函数

Question

我有一个与 jQuery 模态对话框相关的小问题。场景是这样的：

当我退出或关闭对话框时，我必须调用一个函数，方法是按下右上角的 cross[x] 按钮。

Answer 1

文档

$( ".selector" ).dialog({
  close: function( event, ui ) {
        //write your function here or call function here
  }
});

Answer 2

解决方案 1： 使用指定的关闭回调初始化对话框：

$( ".selector" ).dialog({
      close: function( event, ui ) {**functionCall();**}
    });

解决方案 2： 将事件侦听器绑定到 dialogclose 事件：

$( ".selector" ).on( "dialogclose", function( event, ui ) { functionCall();} );

Answer 3

创建对话框时必须设置“关闭”回调。这是文档和示例：

http://api.jqueryui.com/dialog/#event-close

Answer 4

//Image tag
<img src="" id="cross">

//jquery
$('#cross').click( function () {
// your function definition goes here 
});