jquery-ui - 如何在显示效果期间制作 jQuery UI Dialog Modal?

标签 jquery-ui modal-dialog

我有一个 jQuery UI 对话框,它是模态的并且显示有弹跳效果。我使用一个主题,其中背景用条纹图像变暗。 第一次打开Dialog时,弹跳效果时条纹背景也覆盖了dialog。反弹效果完成后,对话框变为模态并出现在条纹背景的前面。 下次打开时,对话框会立即跳到背景前。

如何让对话框立即出现在背景前?

最佳答案

Tom 的回答为我指明了正确的方向,Firebug 非常有用!

对话框包裹在 <div class="ui-effects-wrapper"> 中这是在 ui\effects.core.js 中的 createWrapper 函数中生成的 我在那里添加了一个参数“z-index=1005”(只是为了确定;)。

所以在 jquery-ui-1.7.2.custom.min.js 中它现在看起来像这样

createWrapper:function(f){if(f.parent().is(".ui-effects-wrapper")){return f.parent()}var g={width:f.outerWidth(true),"z-index":1005,height:f.outerHeight(true),"float":f.css("float")};f.wrap('<div class="ui-effects-wrapper" style="font-size:100%;border:none;margin:0;padding:0;z-index:1002"></div>');

不确定这是否是最好的方法,但它确实有效。

关于jquery-ui - 如何在显示效果期间制作 jQuery UI Dialog Modal?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1832032/

相关文章:

javascript - 使用不同的浏览器窗口实现拖放

jquery - 如何防止模式弹出窗口在出现验证错误时提交表单

jquery嵌套可排序-如何获取节点被删除的位置和父级

javascript - react |虚拟 DOM 模态未显示

wicket - 如何使用 Wicket 1.5 自定义模态窗口?

javascript - 模态背景覆盖的 Bootstrap 模型

html - Bootstrap 模态主体出现故障

javascript - 带有基本 href 和查询字符串的 jQuery ui 选项卡不起作用

jquery - 部分回发时清除水印文本框

javascript - 通过远程按钮激活 JQuery UI 日期选择器