2017-01-23 20 views
-1

ナビゲーションメニューがあります。チャイルドウール親のリをマウスで掴んだときに滑り落ちる。また、マウスが終了すると上にスライドします。しかし、私は1回目と2回目のサブメニューを1秒遅らせるようにしています。マウスの葉が1秒間開いたままにしておきたい。しかし、それはただちに滑り始めています。私のコードには何が欠けていますか?jQueryナビゲーションメニューのスライドが早すぎます

ここに私のコードへのリンクがあります。 https://jsfiddle.net/naeemrind/ptbzwrzu/

$(document).ready(function(){ 
$("#menu ul li").hover(function(){ 
      $(this).find(".one").stop().slideToggle(400) 
     }); 
    }); 

    $(document).ready(function(){ 
     $("#menu ul ul li").hover(function(){ 
      $(this).find(".two").stop().slideToggle(400) 
     }); 
    }); 

答えて

0

あなたは(ホバーは「handlerOut」関数を提供していませんでした)ので、ホバーインの両方に同じ機能を使用し、ホバーアウト。

https://api.jquery.com/hover/

にコードを変更し

:私はJavascriptとjQueryに新しいです:) **ありがとう**

$("#menu ul li").hover(
    function() { 
     $(this).find(".one").stop().slideDown(400) 
    }, 
    function() { 
     $(this).find(".one").delay(1000).slideUp(400) 
    }); 
}); 
+0

。 –

+0

しかし、今私は別の**問題**を抱えています。ポインターがulに5回入った場合、ポインターは上下に正確に5回スライドします。そして、これは非常に迷惑です。 –

+0

キューをクリアするには 'stop'と言う必要があります。 '.find("。one ")。stop(true、false).slideDown(400)' https://api.jquery.com/stop/ –

関連する問題