Javascript 如何阻止jQuery对话框重叠?
我发现当一个页面上打开多个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 UI功能或自定义代码阻止这种情况?您可以使用CSS
z-index代码>属性以显示堆叠的对话框,以及如何显示它们 您需要更改每个模式窗口的CSSz-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 */