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의를 해결할 연결이 시도하십시오;
$ ('. 고객-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을 작성하고 하나는 새를 시작하기 전에 존재하는지 확인 하나 :

,343,210

Answer 4

hoverIntent를 살펴 보자 요소에 마우스 오버를 보장하기 위해 jQuery 플러그인이다 {(), 기능 ('mouseenter'을 살고 있습니다.