如果jQuery對話框打開，請在下拉菜單中選擇

我做了一個下拉菜單，它工作正常，但是當我打開一個jQuery對話窗口，然後當我去下拉菜單時，它的菜單仍在隱藏在jQuery對話窗口後面，儘管我想讓菜單打開在前面。如果jQuery對話框打開，請在下拉菜單中選擇

這是jQuery代碼。（文件）。就緒（函數（）{

$('#nav li').hover(function() { 
     //show its submenu 
     $('ul', this).slideDown(200); 

    }, function() { 
     //hide its submenu 
     $('ul', this).slideUp(100); 
    }); 

    $('ul li').click(function() { 
     $('ul',this).slideUp(100); 
    }); 
});

我已經試過的z-index，但它不工作的。下面是CSS。

#nav { 
margin: 0 0 0 5px; 
padding: 0; 
list-style: none; 
} 
#nav li { 
float: left; 
display: block; 
position: relative; 
background: #025b87; 
z-index: 500; 
} 

#nav li a { 
display: block; 
padding: 8px 5px 0 5px; 
height: 23px; 
text-decoration: none; 
color: #FFFFFF; 
text-align: left; 
color: #FFFFFF; 
} 
#nav li a:hover { 
background-color: #d1d3d4; 
color: #000000; 
border-width:1px; 
} 
#nav li ul li a:hover { 
background-color: #d1d3d4; 
color: #000000; 
}

來源

2011-12-28 JN_newbie

你能不能在jsfiddle中提供一個例子讓我們更好地理解這個問題？ – XepterX 2011-12-28 07:11:28

請把你的HTML和css – 2011-12-28 07:41:09

我最近發現的東西是浮動元素似乎並不尊重z-index。我不知道爲什麼或者總是如此。儘管如此，如果你可以避免浮動，那可能會解決你的問題。您可能也嘗試將z-index直接應用於#nav，因爲它沒有被浮動。 – Compeek 2011-12-28 07:53:06

我已經想通了，對話框的默認zIndex是1000，我給了500 zindex導航菜單。所以它意味着zindex越高，元素的優先級越高。所以我必須給出高於對話的失明zindex值的價值。所以我給了#nav li zindex 1500或者任何大於1000的值。現在1500> 1000。所以堆棧中#nav li的優先級現在大於jquery對話框。

來源

2011-12-29 05:47:38

我認爲jQuery的對話框應用一些css規則，總是在所有其他元素的前面，看看這個，它可能會給你你的答案;）

來源

2011-12-28 08:12:43

在哪裏看jeremy，任何鏈接。 – 2011-12-28 09:04:50

http://www.google.com/search?ie=UTF-8&oe=UTF-8&sourceid=navclient&gfns=1&q=jquery+dialog ... – 2011-12-28 09:27:34

如果jQuery對話框打開，請在下拉菜單中選擇

回答

相關問題