jQueryUi 1.11在Firefox中堆叠模态对话框_Jquery_Jquery Ui_Firefox_Modal Dialog_Jquery Dialog

jQueryUi 1.11在Firefox中堆叠模态对话框

jquery jquery-ui firefox

jQueryUi 1.11在Firefox中堆叠模态对话框,jquery,jquery-ui,firefox,modal-dialog,jquery-dialog,Jquery,Jquery Ui,Firefox,Modal Dialog,Jquery Dialog,我是jQuery的新手，在Firefox中堆叠两个模态对话框时遇到了问题（Chrome中没有问题）当通过第一个对话框上的按钮打开第二个模态对话框时，它不会“禁用”第一个对话框，我仍然可以单击第一个模态对话框，如果单击，第二个对话框将被第一个对话框覆盖问题是，如果我点击按钮，打开第二个模态对话框，两次，关闭对话框并通过按钮重新打开它，点击它会按预期工作（即，我可以访问第二个模态对话框，但不能访问第一个模态对话框）我认为这些都是相关的代码部分： html: 当你的意思是访问时，你的确切意思是什

我是jQuery的新手，在Firefox中堆叠两个模态对话框时遇到了问题（Chrome中没有问题）

当通过第一个对话框上的按钮打开第二个模态对话框时，它不会“禁用”第一个对话框，我仍然可以单击第一个模态对话框，如果单击，第二个对话框将被第一个对话框覆盖

问题是，如果我点击按钮，打开第二个模态对话框，两次，关闭对话框并通过按钮重新打开它，点击它会按预期工作（即，我可以访问第二个模态对话框，但不能访问第一个模态对话框）

我认为这些都是相关的代码部分：

html:

当你的意思是访问时，你的确切意思是什么？像是四处移动？突出显示文本？如果是这样，只需添加

jQuery（'.ui小部件覆盖：eq（2）'）.css（'zIndex'，101）

到

打开：

函数的

jQuery（'#poputp'）。对话框（{

）应该可以解决它。谢谢你的回答，是的，这就是我所说的访问，不幸的是，你的解决方案没有解决我的问题，在FireFox中。使用Firebug，我能够发现第二个对话框的z索引是“ui widget overlay”当我第一次点击按钮时是999，当我做我描述的“双击、关闭、重新打开”时，z索引是1001，并且“在”第一个模式对话框前面…如果这有用的话，好吧，你让我走对了方向。我添加了你建议的

open:

，尽管它是：

jQuery（'.ui小部件覆盖：eq（1））.css（'zIndex'，1001）；

因为

eq（）

是基于零的。我添加了：

jQuery（'ui dialog:eq（1））.css（'zIndex'，1001）；

来相应地增加对话框的z索引

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <title></title>
    <script src = "js/jquery-1.11.1.js"></script>
    <script src = "js/jquery-ui.js"></script>
    <link rel = "stylesheet" href = "css/wizard.css">
    <link rel = "stylesheet" href = "../css/jquery-ui-1.8.11.custom.css">
    <link rel = "stylesheet" href = "css/spectrum.css">
    <script src = "js/spectrum.js"></script>
    <script src = "../java.js"></script>
    <script src = "js/wizard.js"></script>

<body>


 <div id="PopUpTip" class="dialog ui-dialog-content ui-front"   style="position:relative; height:auto; width: 1280px;">
 </div>

    <div id="dialog_wizard" class="dialog ui-dialog-content ui-front" style="position:relative;">
        <div class = "quicktip">
            ?<span hidden>blabla</span>
        </div>
    </div>
</body>

jQuery.noConflict();
jQuery(document).ready(function () {
    jQuery('#dialog_wizard').dialog({
        autoOpen: true,
        modal: true,
        width: '840',
        height: 'auto',
        title: 'Wizard',

        open: function (event, ui) {
            jQuery('.ui-dialog-titlebar .ui-icon').css({
                top: 0,
                left: 0
            });
            jQuery('#dialog_wizard').dialog('widget').position({
                my: "top",
                at: "top",
                of: window
            });
        },
        close: function () {
            //abbrechen();
        }
    });



    jQuery('#dialog_wizard').dialog('open');


    jQuery('#PopUpTip').dialog({
        autoOpen: false,
        modal: true,
        title: "QuickTip",
        width: '720',
        resizable: false,
        stack: true,
        open: function (event, ui) {
            jQuery('.ui-dialog-titlebar .ui-icon').css({
                top: 0,
                left: 0
            });
            jQuery(this).dialog('widget').position({
                my: 'center',
                at: 'center',
                of: jQuery('#dialog_wizard')
            });
        }
    });

    jQuery('#PopUpTip').bind("dialogclose", function (event, ui) {
        //jQuery('#theContent').html();
    });

    function setContent(text)
    {
        jQuery('#theContent').html(text);
        jQuery('#PopUpTip').dialog("option");
        jQuery('#PopUpTip').dialog("open");
        jQuery('.ui-widget-overlay').click(function()
        {
            jQuery('#PopUpTip').dialog('close');
        });
    };

    jQuery(document).on("click",".quicktip",function()
    {
        setContent(jQuery(this).children(':first-child').text());
    });
}