JQuery - 마우스 오버 및 마우스 제거 오토 루프를 여러 번 수정하는 방법은 무엇입니까?

Question

마우스 오버가 더 빠르며 짧은 시간에 #go를 끝내면 자동으로 많은 시간이 반복됩니다. 문제를 해결하는 방법 ??

$("#go").mouseover(function(){ 
    $("#block").animate({ width: "900px" }, 300); 
}); 

$("#go").mouseleave(function(){      
    $("#block").animate({ width: "0px" }, 300); 
}); 

Answer 1

사용 stop()

$("#go").mouseover(function(){ 
    $("#block").stop(true,true).animate({ width: "900px" }, 300); 
}); 

$("#go").mouseleave(function(){      
    $("#block").animate({ width: "0px" }, 300); 
});