jquery - 如何将 jQuery UI 对话框放在所有内容之上

Question

我无法找到对此问题的直接且当前的答案。事实上，我很惊讶这竟然是一个问题。

我们的网站上有一个下拉菜单和一个 iframe 或一个对象(iframe 和 pdf 在 Firefox 中失败，对象和 pdf 不喜欢 IE 中的重定向)，并正在尝试设置验证码。验证码隐藏在下拉菜单和 iframe/对象后面。这就是90年代的风格。

我的问题是:jQuery UI 目前是否有内置修复或计划将其放在那里？

我找到了一年多的了

http://west-wind.com/weblog/posts/876332.aspx
$(modal).dialog({/* 其他属性 */, zIndex: $.maxZIndex()+ 1, })

以及去年三月的 jquery.bgiframe 插件解决方案

http://forum.jquery.com/topic/jquery-ui-dialog-iframe-fix

它们是当前解决问题的方法吗？

这是当前代码

function openJCaptchaPromptWindow(url) {
    $("#captchaDialog").load(url).dialog({
       text: "Ok",
           click: function() { $(this).dialog("close"); },
           modal : true,
           autoOpen: true,
           closeOnEscape: true ,
           dialogClass: 'captcha',
           show: 'explode',
           hide: 'explode',
           position: 'top',
           width: 460,
           height: 300
    });

    return false;
}

添加bgiframe:true，太丑了!

谢谢

Answer 1

您是否尝试过使用 jQuery BlockUI插件或jqModal ？