jqueryダイアログが開いている場合、ドロップダウンメニュー

Question

ドロップダウンメニューを作っていますが、jqueryダイアログウィンドウを開いたときにドロップダウンメニューを表示すると、そのメニューが隠れてしまいますjqueryのダイアログウィンドウの後ろに、私はメニューが前面に開かれた状態にしたい。

これはjqueryコードです。 （ドキュメント）.ready（関数（）{

$('#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); 
    }); 
}); 

Iは、zインデックスを試してみましたが、それはどちらか動作しません。以下は、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; 
} 

Answer 1

私はそれを考え出した、ダイアログのデフォルトのzIndexは1000であり、私は与えていた500のメニューをナビゲートする。つまり、zindexが高いほど、要素の優先順位が高くなることを意味します。だから私は、ダイアログの控えめな値よりも高い値を与える必要があります。 ＃nav li zindexを1500に設定するか、1000より大きい任意の値を与えました。今は1500> 1000です。スタック内の#nav liの優先順位がjqueryダイアログよりも大きくなりました。

Answer 2

私はjQueryのダイアログがいくつかを適用すると思いますあなたの答えを与えるだろう;）