Question

我有一个无序列表，在我页面顶部充当我的水平导航栏，在我的内容中有两个Jquery UI对话框用于信息。

<ul class="topnav">
    <li>Home</li>
    <li>Logout</li>
</ul>
<div id="content">
    <div id="dialog1" title="dialog1">Dialog 1 info</div>
    <div id="dialog2" title="dialog2">Dialog 2 info</div>
</div>

假设dialog1被拖到我的'topnav'导航并坐在导航的一部分之上。现在我想点击'topnav'元素中的任意位置，让它的z-index表现得像对话框的z-index行为，并更改为堆栈的顶部。如果我单击任何对话框，那么它们将位于顶部。

是否有可能使非jquery-ui元素表现得像这样？...如果是这样，怎么样？

Answer 1

我稍微调查了一下。 Dialog保留一个具有最大z-index（$.ui.dialog.maxZ）的计数器，然后每次单击某些内容时它会递增，并应用于该对话框以使其在其他对象之上。您可以在自己的物品上使用此计数器。

请参阅此jsfiddle以获取示例：

http://jsfiddle.net/dkahp/1/

$(".myStuff").click(function(){
   $(this).css("z-index",++$.ui.dialog.maxZ);
})

Jquery ui z-index对其他元素的行为 - 这可能吗？

1 个答案: