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

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

 
阅读更多

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

 

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

 

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

 

分享到:
评论

相关推荐

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

    两个版本:一个替换ui close按钮,对三个按钮设立同样css;一个不替换,修改ui的css文件;完美打开多个对话框,并可以分别控制最大最小关闭。jquery文件没有包含进来。

    jquery-ui包含功能演示及代码

     主要是一些界面的扩展,包括Accordion,AutoComplete,ColorPicker,Dialog,Slider,Tabs,DatePicker,Magnifier,ProgressBar,Spinner等,新版本的UI将包含更多的微件。 效果库  用于提供丰富的动画效果,让动画不再...

    jQuery-ui Demo 官方UI插件

    最新官方jQuery UI插件 主流特效Demo,绝不含糊。 好东西不需要过多的言辞修饰,下了就知道! 所有效果说明: 基本的鼠标互动: 拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing) 各种...

    jquery-ui-1.10.4.custom.zip

    jQuery UI 主要分为3个部分:交互、微件和效果库。 交互(Interactions) 交互部件是一些与鼠标交互相关的内容,包括缩放(Resizable) , 拖动(Draggable) , 放置(Droppable) , 选择(Selectable) , 排序...

    jQuery-ui-1.8.19

     主要是一些界面的扩展,包括Accordion,AutoComplete,ColorPicker,Dialog,Slider,Tabs,DatePicker,Magnifier,ProgressBar,Spinner等,新版本的UI将包含更多的微件。 效果库  用于提供丰富的动画效果,让动画不再...

    jQuery UI库中dialog对话框功能使用全解析

    开启多个dialog  只要设置不同的id 即可实现。 $('#x').dialog(); $('#y').dialog(); 二.修改dialog 样式  在弹出的dialog 对话框中,在火狐浏览器中打开Firebug 或者右击->查看 元素。可以看看dialog 的样式...

    jQuery UI Bootstrap是什么?

    jQuery UI Bootstrap是一个将jQuery UI集成到Bootstrap上的CSS框架,jQuery UI Bootstrap不仅可以利用jQuery UI强大的控件库,同时还可以享受Bootstrap那种清新自然的主题风格,所以越来越多的前端开发者都在使用...

    修改jquery里的dialog对话框插件为框架页(iframe) 的方法

    jquery有个很不错的ui插件,dialog插件,他的官方网站上有各种形式的演示:http://jqueryui.com/demos/dialog/ ,可能大家用得比较多的还是它的默认模式,具体的用法官网上都有,也有中文的讲解地址,我就不再重复了...

    jquery-webui78-v1.5.209

    webui78组件库的目的是在对页面管理方案不做任何改变前提下,提供一套松散的前端UI组件,它提供了多样的数据表格、树形结构、图片按钮、表单验证、日历框、面板,此前端框架已经在多个生产系统中得以应用验证,具有...

    jQuery LigerUI V1.1.0

    [需求]增加打开下拉框前事件,利用这个参数可以用来调用其他函数,比如打开一个新窗口来选择值 表单 [需求]spinner支持最大最小值 树 [需求]增加 选择/反选择节点 接口 弹窗 [需求]支持回车关闭 [修复]dialog....

    修改Jquery Dialog 位置的实现方法

    今天在做一个功能的时候使用到了Jquery UI中的dialog组件,因为是一个很简单的组件,有很多功能都没有提供,比如说直接获取到dialog的位置,直接修改dialog的位置都是不行的,并且但可拖动的位置看不见的时候,这个...

    jQuery权威指南-源代码

    不仅书中的每一个小知识点都配有精心选择的小案例(总共100多个),而且还有两个非常实用的综合性案例。所有案例的讲解都非常详细,不仅有功能需求分析和完整实现代码,而且还有最终效果的展示,更重要的是,将所有...

    service.dialog.jquery

    service.dialog.jquery是另一个用于打开对话窗口的 jquery 组件。 我知道有很多这样的对话框插件,所以你可能想知道为什么是这个。 好吧,对我来说,有几件事对于此类插件很重要(对于几乎所有其他类型的插件也有...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    4.JS+CSS通用一个页面同时三个焦点图轮换效果完整实例 5.JS+CSS网页版模拟QQ登录框界面特效示例 6.JS+flash立柱广告代码仿百度MP3搜索右侧可伸缩的立柱广告效果 7.JS版本黑色超动感二级菜单导航模块代码 穿越...

    jqert ui demo

    选项说明:http://docs.jquery.com/UI/Dialog/dialog#options 选项实例:http://dev.jquery.com/view/trunk/plugins/ui/tests/dialog.html 2.3 sliders 滑动条 所需要的文件 jquery.dimensions.js ui.mouse.js ui....

    jquery-ui-scalebreaker:确实很酷的东西

    jquery-ui-scalebreaker 一种超轻量级的模式对话框,可在屏幕上将其自身重新定位到可见的视口,并在用户浏览器放大页面时将其缩放回设备宽度的元素大小。 它保持不变的大小和位置,就好像没有发生缩放一样;对于不...

    jquery 特效,总有你想要的

    multimedia-portfolio 一个多媒体,强大的jquery插件 hialert 弹出层框架3 jqtransform 一个帮助构建漂亮的表单插件 jexpand 美化列表显示的插件 imageflow 图片展示特效4 一个另类的放大镜插件 circulate 一个是...

    iquery经典教程

    draggable(options)可以跟很多选项选项说明:http://docs.jquery.com/UI/Draggables/draggable#options 选项实例:http://dev.jquery.com/view/trunk/plugins/ui/tests/draggable.html 1.2 Droppables 所需要文件,...

    PrimeUI Widgets

    PrimeFaces是一个轻量级的、支持JSF 2.0的开源组件套件,具有100多个丰富的JSF组件,极大地提高了JSF Web应用程序的开发效率。 PrimeFaces是一个用于提高JSF Web应用程序开发效率的开源类库。主要由三个模块组成: ...

Global site tag (gtag.js) - Google Analytics