jQuery UI 对话框 close(event, ui) 事件

介绍

jQuery UI 是一个基于 jQuery 的常用界面组件库，其对话框组件提供了弹窗、提示框等功能。close 事件是对话框关闭时触发的事件，它可以用于执行一些关闭后的操作。

语法

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

参数

event：事件对象。

ui：对象，包含对话框各属性的键值对。

示例

<div id="dialog"></div>
<button id="open-dialog">打开对话框</button>

$( "#dialog" ).dialog({
    autoOpen: false,
    modal: true,
    close: function( event, ui ) {
        alert( "对话框已关闭" );
    }
});
$( "#open-dialog" ).on( "click", function() {
    $( "#dialog" ).dialog( "open" );
});

当点击打开对话框的按钮后，会打开一个对话框，当关闭后会弹出提示框。

总结

close 事件是 jQuery UI 提供的对话框关闭时触发的事件。它可以用于执行一些关闭后的操作。我们可以在对话框初始化时用 close 设置回调函数来监听对话框的关闭事件，从而完成我们想要的操作。