jQuery:不要等到多次点击动画结束

时间:2013-05-19 03:46:15

标签: javascript jquery

我需要点击事件,不要等到当前动画结束,只需执行最后一次点击。

示例代码http://jsfiddle.net/dJpNU/
**尝试快速点击7到10次,然后慢慢看一下动画

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

谢谢

1 个答案:

答案 0 :(得分:3)

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

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

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

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