ドロップダウンメニューのjquery

私はaoroのドットroのような同様のドロップダウンメニューをやろうとしました。クロムでは、Safari、ie6は私のように機能するようですが、mozila
Firefox
3.6ではいくつかの問題があります。カーソルを速く動かすとドロップダウンが消えます。私はこの問題が子供たちの最初の要素から来ていると思います。
この瞬間、私は何が間違っているのか知りません。ありがとう。

コードは次のようになります。

    <div class="navigator">
    
</div>



        $("#gifts").mouseover(function(){                        
                      $(this).children().show();                                             
        });
        $("#gifts > .under_menu").children().mouseover(function(){  

                    $("#gifts > .under_menu").show();
        });

        $(document).bind('mouseout',function(e){
                var click1 = $(e.target).attr('id');
                var click2 = $(e.target).attr('class');
                if(click1 != "gifts" || click2 != "under_menu"){
                            $(".under_menu").hide();
                    }
        });
ベストアンサー

私は問題は、あなたがここで競争状態のビットを持っているということです。

ある子供から別の子供(#ギフト)に移動すると、トリガされるマウスオーバーとマウスオーバーが発生します。マウス出力が最後にトリガーされると、メニュー全体が非表示になります。

おそらく何をすべきでしょうか?例えば、200msのタイムアウトを実装することです)、マウスオーバーが呼び出されたときにタイムアウトがあればそれをクリアします。

そうすれば、mouseoutは.2sをトリガーにします –
次のmouseoverイベントがトリガーするのに十分な時間です。

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です