`
xiaozhi7616
  • 浏览: 196596 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery UI Dialog 多个同时打开的问题

 
阅读更多

在页面中使用jQueryUI框架,和基于其的一些组件,某些情况下会同时弹出多个Dialog,在这种情况下总是出现一些莫名其妙的问题,尤其是连续弹出关闭的时候,modal为true的模态窗口遮罩不见了,可以操作其他元素,这样导致程序出现混乱。

 

发现了问题的所在,在初始化Dialog的时候,有autoOpen选项,如果设置为true,关闭Dialog的时候应该使用'Destroy'参数,销毁掉Dialog,在页面不刷新的情况下,下次打开是正常的。

 

autoOpen设置为false的时候,关闭Dialog的时候需要使用'close'参数,如果使用'destroy',下次有可能就打不开了。

 

分享到:
评论

相关推荐

    jquery ui Dialog 添加最大最小化按钮控制

    总的来说,这个知识点展示了如何利用jQuery UI Dialog的灵活性来增强其功能,同时也涉及到JavaScript事件处理、DOM操作以及CSS样式设计。通过掌握这些技能,开发者可以构建出更加用户友好的Web应用程序。

    JQuery UI Dialog使用样例

    Dialog 提供了多个事件,如 `open`, `close`, `beforeClose` 等,可以在这些事件上添加自定义行为。 ```javascript $("#dialog").on("dialogopen", function(event, ui) { console.log("Dialog opened"); }); ...

    Jquery UI dialog 详解 (弹出层)

    Jquery UI Dialog 是 jQuery UI 库中的一个重要组件,它提供了一个简洁而强大的界面来创建对话框或者弹出层。通过简单的配置和使用,开发人员可以轻松地集成各种交互式的弹出窗口到他们的网站或应用中。本文档将详细...

    jquery-ui-dialog-demo

    `jquery-ui-dialog-demo` 是一个基于 jQuery UI 库的弹出窗口插件示例,它提供了丰富的交互式对话框功能,包括模拟原生 JavaScript 的 `alert` 和 `confirm` 对话框以及自定义的打开(open)模式。这个插件使得在...

    JQuery UI 中文帮助文档

    - **TABS(选项卡)**: 提供了一种将内容组织成多个选项卡的方式,可以轻松地切换不同区域的内容,节省页面空间,提升用户体验。 - **DIALOG(对话框)**: 用于创建弹出式窗口,如警告、确认或自定义信息展示,支持...

    jQuery UI组件 jQuery UI

    1. **Tabs(选项卡)**:jQuery UI 提供了方便的选项卡组件,可以将内容分隔成多个部分,通过选项卡切换显示,提高网页的组织性和用户体验。 2. **Accordion(手风琴)**:手风琴组件允许内容以折叠/展开的方式呈现...

    jquery ui & themes

    在给定的文件`jquery-ui-themes-1.9.2.zip`中,包含了多个预设的主题,每个主题通常由一组CSS文件组成,例如`.css`和`.png`图像文件,它们定义了各个部件的颜色、背景、边框和图标等样式。开发者可以选择一个主题并...

    jQueryUI MetroUI WindowUI 主题

    本文将深入探讨“jQueryUI MetroUI WindowUI”主题,这是一个受到Windows 8 Metro UI设计启发的jQuery UI主题,旨在为网页带来现代、简洁的视觉体验。 首先,我们要理解jQuery UI的基础。jQuery UI是一个基于jQuery...

    demo_jquery-dialog

    jQuery UI Dialog还提供了多个方法和事件供开发者使用: - `open`: 在Dialog打开时触发。 - `close`: 在Dialog关闭时触发。 - `.dialog('open')`: 打开Dialog。 - `.dialog('close')`: 关闭Dialog。 - `.dialog('...

    jqueryUI插件中Dialog的运用

    Dialog组件是jQuery UI中的一个核心功能,用于创建模态或非模态的对话框,能够帮助开发者构建更加交互友好的Web应用。在本文中,我们将深入探讨jQuery UI Dialog的运用。 **1. 安装与引入** 在使用jQuery UI ...

    jQuery UI Autocomplete是jQuery UI的自动完成组件

    在lwme-jqueryui-demo这个压缩包中,可能包含了多个示例文件,它们展示了Autocomplete的不同用法和配置,可以帮助开发者更好地理解和运用这个组件。通过学习这些示例,你可以掌握如何根据项目需求灵活定制...

    Jquery Ui 后台模板界面

    jQuery UI 的 Draggable 和 Sortable 插件使得元素可以被轻松地拖动到不同位置,甚至可以在多个容器之间进行排序,提高了后台操作的灵活性。 **4. 下拉菜单和按钮** jQuery UI 提供了多种风格的下拉菜单和按钮,...

    很强大的jQuery UI

    - **Tabs(标签页)**:将内容分隔成多个可切换的标签页。 - **Slider(滑块)**:用于选择数值或进行平滑的滚动操作。 - **Datepicker(日期选择器)**:方便用户选择日期,可配置多种格式和选项。 - **...

    ,jqueryui jquery ui包 效果不错,只是为了自己保存

    **jQuery UI:一个强大的前端开发工具包** jQuery UI是一个基于jQuery JavaScript库的扩展,它提供了一整套可交互的用户界面组件,包括对话框、拖放功能、日期选择器、进度条、排序列表等。这个名为"jquery-ui-...

    jquery UI组件集合

    4. 可折叠(Accordion):Accordion 组件将多个段落或标题内容折叠在一个空间内,用户可以通过点击标题展开或折叠内容,节省页面空间,提高可读性。 5. 滑块(Slider):滑块组件提供了一种直观的方式来选择数值或...

    jquery UI中文文档

    每个版本的 jQuery UI 包含多个预设主题,如 `smoothness`、`redmond` 和 `ui-lightness`,这些主题可以通过 CSS 文件进行切换。 **API 参考** jQuery UI 提供了详细的 API 文档,包括函数、选项、事件和方法的...

    JQuery Dialog

    - **多窗口交互**:多个Dialog可以同时存在,通过事件监听,实现它们之间的交互。 ### 9. 示例代码 在实际应用中,可能需要结合具体的业务逻辑来使用Dialog。例如,创建一个带有确认功能的删除操作对话框: ```...

    前端项目-jqueryui-touch-punch.zip

    在“前端项目-jqueryui-touch-punch”这个项目中,包含的文件可能是jQuery UI Touch Punch的源码或示例。通过解压并研究这个项目,你可以了解到如何将这两个工具结合到自己的Web应用中,以提供兼容触摸设备的用户...

    jqueryui需的jar包

    jQuery UI 包含了多个关键组件,如: - **Dialog(对话框)**: 用于创建弹出式窗口,常用于警告、确认或输入信息。 - **Accordion(手风琴)**: 将内容折叠成可展开/关闭的面板,节省页面空间。 - **Slider(滑块)...

    jQuery UI仿webqq桌面系统WebOS界面操作

    在实际操作中,用户可能会看到一个带有多个虚拟桌面的工作区,每个桌面可以放置不同的应用图标。点击图标会弹出一个窗口,窗口内部可能嵌入了一个iframe或者使用Ajax加载内容,以实现类似桌面应用的功能。此外,系统...

Global site tag (gtag.js) - Google Analytics