jQuery的切換類不起作用

Question

我有這樣的javascript代碼：http://jsbin.com/orenim/4/edit

blinkTimes = 0; 
function blink() {       
    $('.a').toggleClass('b'); 
    blinkTimes --; 
    if (blinkTimes > 0) { 
    setTimeout(blink, 500); 
    } 
} 

function startBlink() { 
    //alert('?'); 
    blinkTimes = 4; 
    blink(); 
} 

$(document).click(function() { 
    $('html, body').animate({ scrollTop: top }, '400', 'swing', startBlink); 
}); 

這應該切換動畫後'.b'類權。由於某些未知原因，'.a'元素不會與類'.b'切換。如果我取消註釋該代碼是可行的。
問題是什麼？

Answer 1

$('html, body')選擇兩個元素，同時發射兩個回調，它們相互抵消，試試$('body').animate({ ....，看看它是如何工作的。如果你需要選擇兩個元素，使用一個標誌來確保回調函數只運行一次。

BIN

或不確定的建議，使用一個承諾：

$(document).click(function() { 
    $('body, html').animate({ scrollTop: top }, '400', 'swing').promise().done(startBlink) 
});