Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/431.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何阻止jQuery对话框重叠?_Javascript_Html_Jquery Ui_Draggable_Jquery Ui Dialog - Fatal编程技术网

Javascript 如何阻止jQuery对话框重叠?

Javascript 如何阻止jQuery对话框重叠?,javascript,html,jquery-ui,draggable,jquery-ui-dialog,Javascript,Html,Jquery Ui,Draggable,Jquery Ui Dialog,我发现当一个页面上打开多个jQuery对话框时,它们很容易重叠 我如何通过内置jQuery UI功能或自定义代码阻止这种情况?您可以使用CSSz-index属性以显示堆叠的对话框,以及如何显示它们 您需要更改每个模式窗口的CSSz-index值。例如,您一次调用了三个模式窗口,每个模式窗口都有一个公共的类和一个唯一的id。这样说: <div class="jqui-modal" id="firstModal"> ... </div> <div class="jqu

我发现当一个页面上打开多个jQuery对话框时,它们很容易重叠


我如何通过内置jQuery UI功能或自定义代码阻止这种情况?

您可以使用CSS
z-index属性以显示堆叠的对话框,以及如何显示它们

您需要更改每个模式窗口的CSS
z-index
值。例如,您一次调用了三个模式窗口,每个模式窗口都有一个公共的
和一个唯一的
id
。这样说:

<div class="jqui-modal" id="firstModal">
...
</div>

<div class="jqui-modal" id="secondModal">
...
</div>
如果希望所有模式窗口都显示在同一坐标上,请尝试以下操作:

.jqui-modal {z-index: 1600;} /* One single Z-Index for all */

到底是怎么回事?你需要再详细一点<代码>:)
在你的问题中添加一些代码,看看是否删除了否决票!您可能希望查看或搜索jquery冲突检测,但它们会重叠。我想OP希望他们彼此配合得很好,并排在一起other@mplungjan嗯,是的,我把问题搞砸了。现在更新。广告如果你想让他们总是在一起,当他们共享同一个空间时,把对方推到一边?
.jqui-modal {z-index: 1600;} /* One single Z-Index for all */