JQuery - 如何修復mouseover和mouseleave自動循環很多次？

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); 
});