2 시간 동안 아무 것도 되돌릴 수 없게 만들기

Question

요소 호버에서 trigers하는 addClass 함수가 있습니다. 내가 원하는 것은 해당 요소를 클릭 할 때 해당 클래스를 제거하는 것입니다. 그러나 그것을 클릭하면 자동으로 클래스가 추가됩니다. (이 클래스를 추가하는 방법입니다.)

그래서 요소가 2 초 동안 트리거되는 것을 막을 수있는 방법이 있습니까? 내부

Answer 1

당신은 당신이 항목에 마우스를 움직일 때 타임 아웃을 사용해야합니다.

jsFiddle Demo

var hoverTimeout; 

$('.yourItem').on({ 
    'mouseover' : function() { 
     hoverTimeout = setTimeout(function() { 
      // do whatever 
     }, 2000); 
    }, 
    'mouseout' : function() { 
     clearTimeout(hoverTimeout); 
    }  
}); 

Answer 2

사용에게 timeout 당신의 hover

.hover(function() { 
    setTimeout(function() { 
     //code that takes place after 2 seconds 
    }, 2000); 
}, ...