예를 들어 다음 코드에서하시기 바랍니다 볼

Question

JQuery와 호버 기능을 위해 시간을 설정하는 방법 :

HTML :

<div id="hvr">hover me</div> 
<div id="box" style="background:#ddd; width:100px; height:50px;"></div> 

jQuery를 :

$(function(){ 
$("#hvr").hover(function(){ 

    $("#box").animate({width:'150px'},500); 
    more animations/functions here ... 

}, function(){ 

    $("#box").animate({width:'100px'},500); 
    more animations/functions here ... 
}); 

내가 텍스트에 마우스를 3 번 빨리, 상자는 끝난 후 각각 3 번 움직입니다. [첫 번째 마우스 오버로 인해] 첫 번째 애니메이션/기능이 완료 될 때까지 호버 효과를 사용할 수 없게하는 호버에 대한 시간 제한을 설정하려면 어떻게해야합니까? "내가 처음 애니메이션이 완료 될 때까지 호버 효과를 해제합니다 호버에 대한 시간을 설정하는 방법"

Answer 1

이

$(function(){ 
    $("#hvr").hover(function(){  
     $("#box").stop().animate({width:'150px'},500); 
    }, function(){  
     $("#box").stop().animate({width:'100px'},500); 
    }); 
}); 

http://api.jquery.com/stop/