Javascript jquery对话框没有在所有元素上方弹出_Javascript_Jquery_Dialog

Javascript jquery对话框没有在所有元素上方弹出

javascript jquery

Javascript jquery对话框没有在所有元素上方弹出,javascript,jquery,dialog,Javascript,Jquery,Dialog,jquery对话框并没有在所有元素上方弹出。首先，我有一个预构建的框架，其中包含很多部分。在其中一个部分中，我编写了单独的jsp页面以显示一些图形，并在该部分中链接了该jsp页面。在jsp页面中单击一个按钮，我将显示一个对话框。下面是代码片段 <body> <div id="container" style="min-width: 320px; height: 370px; margin: 0 auto"></div> <div id="

jquery对话框并没有在所有元素上方弹出。首先，我有一个预构建的框架，其中包含很多部分。在其中一个部分中，我编写了单独的jsp页面以显示一些图形，并在该部分中链接了该jsp页面。在jsp页面中单击一个按钮，我将显示一个对话框。下面是代码片段

<body>
    <div id="container" style="min-width: 320px; height: 370px; margin: 0 auto"></div>
    <div id="hugedialog" title="dialog"></div>
    <script type="text/javascript">
        $(function() {  
            $("#hugedialog").dialog({
                autoOpen : false, 
                modal : true, 
                show : "blind", 
                hide : "blind", 
                width: 900, 
                height: 700
            });
        });

        function popupdlg() {
            $("#hugedialog").dialog("open");
        }
    </script>
</body>


$（函数（）{
$（“#hugedialog”）。对话框({
自动打开：错误，
莫代尔：是的，
表演：“盲人”，
隐藏：“盲”，
宽度：900，
身高：700
});
});
函数popupdlg（）{
$（“#hugedialog”）。对话框（“打开”）；
}

所以，我在单击按钮时调用上面的函数popupdlg。但问题是，如果我独立打开该页面，它会正确弹出。当我将其嵌入预构建部分并单击按钮时，弹出窗口仅在该部分显示，而不是在所有元素上弹出。我试过下面的东西，但没有运气 1）

.ui对话框{z-index:1000！重要；}

2）尝试了

movetotop

，但仍然无效

我一直在尝试各种可能的答案，但都没有成功。有人能帮助解决这个问题吗？这样对话框就会显示页面中所有元素的顶部？我想到的一个想法是，我必须将这个div绑定到页面的顶部元素。那么，我是否有可能从当前jsp页面本身获取top引用并将dialog div附加到它上？

也许

z-index:9999

我猜你用的是引导。您也可以尝试在自己的代码中包装“打开”事件。

此处描述的弹出窗口类型与中给出的引导模式非常相似。如果您希望弹出窗口是这样的，我建议您使用引导模式。如果有可能，您无法在弹出窗口加载时使用引导，请尝试为背景提供某种覆盖效果，以便在其他元素上以粗体显示弹出窗口。在弹出加载时，使背景有点暗或降低不透明度。希望这能有所帮助。

更改z-index不起作用，我甚至将其更改为不同的数字，但运气不好。当我将其作为单独的页面执行时，它会起作用，而不仅仅是当我嵌入预构建的框架时，这意味着其他元素隐藏了弹出窗口。