0

ドロップダウンメニュー自体とホバーされたリスト項目の両方がホバーされていない場合にのみ消えるドロップダウンメニューが必要です。

これは私がすでに使用しているもので、liアイテムがホバーされたときにのみサブメニューが表示されますが、サブメニューがホバーされると消えてしまい、それを修正する必要があります。

Javascript:

<script>        
$(document).ready(function () {     
$("#menu-top li:nth-child(1)").hover(   
function () {      $('#dropdown_first').slideDown('fast');   },    
function () {      $('#dropdown_first').slideUp('fast');   } );  });                
</script>

HTML:

<div id="menu-top"> 
<li>first item</li>
<li>second item</li>
<li>third item</li>
</div>

..さらに下のページ:

<div id="dropdown_first">
first menu dropdown
</div> 

<style>#dropdown_first {display:none'}

ifサブメニューとアイテムの両方でマウスアウトが true の場合に、コールバック スライドアップのみを使用すると言うステートメントが必要だと思いますが、スタックしています。誰でも私を助けることができますか？

4

1 に答える 1

0

それでも効果にJSを使用したい場合は、以下を試してみてください。
私はそれを手作業で書いたので、それをテストすることはできませんでしたが、それはあなたが抱えている問題を解決するはずです（うまくいけば）。

上部：

<style>
#dropdown_first {
display:none;
}
</style>

Javascript：

<script>        
$(document).ready(function() {

$("#menu-top li:nth-child(1)").hover(function(){
$('#dropdown_first').slideDown('fast');
});

$("#menu-top").mouseleave(function(){
$('#dropdown_first').slideUp('fast');
});

});         
</script>

お役に立てば幸い

于 2013-02-19T12:21:11.930 に答える