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

Question

我需要使单击事件不要等到当前动画完成而只执行最后一次单击。

示例代码http://jsfiddle.net/dJpNU/
** 尝试快速单击 7 到 10 次，然后看到动画慢慢地一帧一帧地播放

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

谢谢

Answer 1

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

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

http://jsfiddle.net/dJpNU/1/

http://api.jquery.com/stop/