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