jquery的对话框有多种使用场景,比如提示信息、让用户选择等等。在有些场景下,用户操作对话框后需要执行事件:比如弹出的对话框播放音乐,关闭对话框是音乐要停止,这时候就需要使用事件。
一种方法是实现close事件,在close函数中操作,这种是比较通用的处理,在“只要对话框关闭,就执行xxx”这种模式下推荐使用。
还有一种方式是隐藏右上角的叉子,这样只能通过对话框上的按钮来执行对应的逻辑。
要实现这种方式,需要在调用对话框时实现open事件,代码如下(省略了其他参数):
$('#div1').dialog({
closeOnEscape: false,
open: function (event, ui) {
$(".ui-dialog-titlebar-close").hide();
}
)
参考: js Dialog 去掉右上角的X关闭功能