在jQuery模式对话框上调用函数关闭

Question

我遇到了与jQuery模式对话框相关的小问题。场景是这样的：

当我通过按右上方的十字[x]按钮退出或关闭对话框时，我必须调用一个函数。

Answer 1

Documentation

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

Answer 2

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

$( ".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 
});