当前位置: 首页 > 面试题库 >

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

缪升
2023-03-14
问题内容

我正在使用jquery-ui-dialog插件

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

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

我知道单击关闭按钮时可以运行代码,但这并不覆盖使用转义或右上角的x关闭的用户。


问题答案:

我找到了!

您可以使用以下代码捕获close事件:

 $('div#popup_content').on('dialogclose', function(event) {
     alert('closed');
 });

显然,我可以将警报替换为需要执行的任何操作。
编辑: 从jQuery 1.7开始,bind()已成为on()



 类似资料:
  • 在一个交互覆盖层中打开内容。 如需了解更多有关 dialog 部件的细节,请查看 API 文档 对话框部件(Dialog Widget)。 默认功能 基本的对话框窗口是一个定位于视区中的覆盖层,同时通过一个 iframe 与页面内容分隔开(就像 select 元素)。它由一个标题栏和一个内容区域组成,且可以移动,调整尺寸,默认可通过 'x' 图标关闭。 <!doctype html> <html

  • 所属类别 小部件(Widgets) 用法 描述:在一个交互覆盖层中打开内容。 版本新增:1.0 对话框是一个悬浮窗口,包括一个标题栏和一个内容区域。对话框窗口可以移动,重新调整大小,默认情况下通过 'x' 图标关闭。 如果内容长度超过最大高度,一个滚动条会自动出现。 一个底部按钮栏和一个半透明的模式覆盖层是常见的添加选项。 焦点 当打开一个对话框时,焦点会自动移动到满足下面条件的第一个项目: 带有

  • 问题内容: 如何删除由jQuery UI创建的对话框上的关闭按钮(右上角的 X )? 问题答案: 我发现这最终成功了(请注意,第三行覆盖了打开功能,该功能查找按钮并将其隐藏): 要隐藏所有对话框上的关闭按钮,您也可以使用以下CSS:

  • 本文向大家介绍jQuery dataTables与jQuery UI 对话框dialog的使用教程,包括了jQuery dataTables与jQuery UI 对话框dialog的使用教程的使用技巧和注意事项,需要的朋友参考一下 首先介绍下这两个插件功能  1.DataTables是一个jQuery的表格插件。 官方网站及其下载地址:http:/www.datatables.net 其主要特点如

  • 问题内容: 我有一个jQuery UI对话框,当单击特定元素时会显示该对话框。如果在那些触发元素或对话框本身之外的任何地方都单击了鼠标,我想关闭对话框。 这是打开对话框的代码: 如果我取消最后一部分的注释,该对话框将永远不会打开。我认为这是因为打开对话框的同一点击再次将其关闭。 最后的工作代码 注意:这是使用 jQuery外部事件插件 问题答案: 查看jQuery Outside Events插件

  • 创建并显示对话框,弹出的对话框为非阻塞模式,用户点击对话框上的按钮后关闭( h5模式的对话框也可通过 closepopup关闭 ),并通过callback函数返回用户点击按钮的索引值或输入框中的值。 Dialog 组件包含: 组件名 作用 快速体验 alert 警告框 警告框 confirm 确认框 确认框 prompt 输入对话框 输入对话框 toast 消息提示框 自动消失提示框(functi