即使徘徊，也會出現連續動畫問題

Question

我有一個按鈕會在盤旋時淡化分區。 如果我將鼠標懸停在某個按鈕上，然後將鼠標懸停並快速連續多次重複該過程，然後將鼠標懸停在外，此時div應該停止動畫。 請參閱以下代碼片段。

http://jsfiddle.net/arvinboggs/uenEQ/9/

是否有辦法來糾正這種行爲？

有沒有辦法阻止最終懸停的動畫？

Answer 1

剪切並粘貼從我的前面回答過類似的問題：

其實我創造一個「狀態」變量，以確保只有1動作可以發射在任何時間。

我做的是

set state = 0; when I initialise the page 
check if state == 0 when something is clicked 
if it's 0, then I set it to 1 (meaning something's happening) 
run the animation 
once the animation is complete, I reset the state to 0 

實際上，你只能觸發動畫的事件是狀態== 0，然後有沒有重疊。

---

因此，要回答你的問題，當您綁定（）懸停，需要檢查是否是允許的火動畫或不基於狀態設置。

var hoverState = 0; 
$('.myLink').bind('mouseenter'), function(){ 
    myHoverCode(); 
}); 

function hoverCode(){ 
    if(hoverState == 0){ 
    hoverState = 1; // bind this hover state so we can't trigger it again 
    // do my animation 
    $('#someElement').animate({ 
},100, function(){ 
// animation complete 
hoverState = 0; // reset the hover state 
}); 

Answer 2

是的。您需要.stop()之前再.animate()：http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup。否則，你建立一個需要出隊的動畫隊列。