javascript - jQuery：不要等到多次点击动画完成

Question

我需要让点击事件不要等到当前动画完成，然后再执行最后一次点击。

示例代码http://jsfiddle.net/dJpNU/
** 尝试快速点击 7 到 10 次，然后看到动画一个接一个地慢慢进行

$("button").click(function(){
  $("div").animate({
    height:'+=20px',
    width:'+=20px'
  });
});

谢谢

score 3 · Accepted Answer

您需要使用stopwhich 停止上一个动画。

$("button").click(function(){
  $("div").stop(true).animate({
    height:'+=20px',
    width:'+=20px'
  });
});

1 回答 1