javascript - 动画后jQuery切换类不起作用

我有以下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'切换。如果我取消注释alert('?')，则代码有效。
问题是什么？

最佳答案

$('html, body')选择两个元素，同时触发两个回调，这会互相抵消，只需尝试$('body').animate({ ....看看它是如何工作的。如果您需要选择两个元素，请使用标志以确保回调函数仅运行一次。

BIN

或按照undefined的建议使用诺言：

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

关于javascript - 动画后jQuery切换类不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16658794/