メニューのjQuery遅延

Question

マウスが#categories_block_top .tree ulから外に出ているときに、誰かがドロップダウンを遅らせる方法を説明できますか？申し訳ありませんが、私はjQueryで初心者です。ここにリンク - http://livedemo04.prestatrend.com/とjs-ファイルはtreeManagementTop.jsです。

Answer 1

jQueryElement.find('ul:first').stop(true,true).hide(100); 
jQueryElement.find('ul:first').stop(true,true).slideUp(100); 

これらの2行：メニューの速度を100にすることで、メニューの速度を遅くすることができます。また、遅延を追加する

Answer 2

は、これらを参照してください。 Jquery - Delay mouseout event Fade out jQuery menu after delay

Answer 3

jQueryのhoverIntentプラグインをチェックアウト：

http://cherne.net/brian/resources/jquery.hoverIntent.html

Answer 4

あなたはhoverIntentプラグインは、あなたが助けていくつかのVARSを定義することができますチェックアウトするかもしれませんマウスセンター/アウト操作：http://cherne.net/brian/resources/jquery.hoverIntent.html

Answer 5

hoverIntentプラグインを使用していて、 「makeTallが定義されていません」というエラーが表示された場合は、その機能を追加したかどうかを確認してください。 hoverIntentホームページのソースには次のようになります。

<script type="text/javascript" charset="utf-8"> 
    $(document).ready(function(){ 
     $("#demo1 li").hover(makeTall,makeShort); 
     $("#demo2 li").hoverIntent(makeTall,makeShort); 
     $("#demo3 li").hoverIntent({ 
      over: makeTall, 
      timeout: 500, 
      out: makeShort 
     }); 
    }); // close document.ready 

    function makeTall(){ $(this).animate({"height":75},200);} 
    function makeShort(){ $(this).animate({"height":50},200);} 
</script> 

しかし、私はそれは、プラグインなしで別の方法でした：

<ul id="elem"> 
<li><a href="#"><span>1</span></a> 
<ul id="child" style="display:none;"> 
    <li ><a href="">Home</a></li> 
     <li ><a href="">About</a></li> 
     <li ><a href="">Contacts</a></li> 
     <li ><a href="">FAQ</a></li> 
</ul> 
</ul> 

<script type="text/javascript"> 
$(function(){ 
    $('#elem').mouseenter(function(){ 
    $('#ch').css('display', 'block'); 
    }); 
    $('#elem').mouseleave(function(){ 
    $('#ch').delay(800).fadeOut('slow'); 
    }); 
    }); 
</script> 

・ホープこれはあなたが質問にいくつかのコードを投稿する必要があります:)