jqueryで2秒後にショーが遅れる

Question

クラス上で2秒間マウスを動かした場合（2秒間マウスボタンを押したままにする）、クラスを非表示にしたい。どうですか？あなたはクラスのマウスタンデム（数回）を移動した場合は（）

、あなたはslideToggle自動化されたとして、私はこれをしたくない行って表示されます。どのようにそれを修正できますか？

DEMO：http://jsfiddle.net/tD8hc/

マイ試してみました：

$('.clientele-logoindex').live('mouseenter', function() { 
    setTimeout(function(){ 
     $('.clientele_mess').slideToggle("slow"); 
    }, 2000); 
}).live('mouseleave', function() { 
     $('.clientele_mess').slideUp("slow"); 
})​ 

Answer 1

下記これはあなたの問題は

http://jsfiddle.net/G3dk3/1/ 

VAR Sを解決するリンクしてみてください。
$（ '顧客-logoindex '）。

s = setTimeout(function(){ 
     $('.clientele_mess').slideDown(); 
    }, 2000); 
}).live('mouseleave', function() { 
     $('.clientele_mess').slideUp("slow"); 
    clearTimeout(s) 
}) 

Answer 2

は、タイマーが開始されたときに、この

<div class="clientele-logoindex">Keep the mouse here 
<div class="clientele_mess" style="display: none;">okkkkkkko</div></div> 

Answer 3

録音のようなあなたのhtmlを書くと1つの新しいを開始する前に存在しているかどうかを確認1：

window.timer = null;  
$('.clientele-logoindex').live('mouseenter', function() { 
    if(!window.timer) { 
     window.timer = setTimeout(function(){ 
      $('.clientele_mess').slideToggle("slow"); 
      window.timer = null; 
     }, 2000); 
    } 
}).live('mouseleave', function() { 
     $('.clientele_mess').slideUp("slow"); 
})​ 

Answer 4

hoverIntentを見てみましょうが、要素のホバーを確保するためのjQueryプラグインである{）（、機能を（' のMouseEnter' を生きる。