關於jQuery中.stop（）的問題！

Question

我知道.stop（）函數用來停止動畫..但我應該在哪裏把它時，我有這樣的代碼：

$('#home').mouseover(function(){ 
    $('.subhome_icon').animate({ 
     "width":"5px", 
     "opacity":"1.0" 
    },1); 
    $('.subhome_icon').animate({ 
     "height":"15px" 
    },1000); 
    $('.subhome_icon').animate({ 
     "width":"60px" 
    },1000); 
}).mouseout(function(){ 
    $('.subhome_icon').animate({ 
     "opacity" :"0.0" 
    },1000); 
}); 

而且我想，當我離開的圖標與停止動畫鼠標指針！ 我已經瀏覽了很多jQuery視頻，但是這些例子都是用一個動畫製作的..我有3個！

謝謝你！ ：）

Answer 1

這應該這樣做....

$('#home').mouseover(function(){ 
    $('.subhome_icon').animate({ "width":"5px", "opacity":"1.0" },1); 
    $('.subhome_icon').animate({ "height":"15px" },1000); 
    $('.subhome_icon').animate({ "width":"60px" },1000); }) 
.mouseout(function(){ 
    $('.subhome_icon').stop().animate({ "opacity" :"0.0" },1000); 
}); 

Answer 2

您需要使用

.mouseout(function(){ 
    $('.subhome_icon').stop(true).animate({ 
          "opacity" :"0.0" }, 
         1000); 
}); 

（通知true參數傳遞給.stop()方法）

這清除排隊的動畫，以便在當前狀態下真正停止。