Jquery Animate 回调运行多次。为什么？

Question

这是我的第一篇文章。我的问题是我的主要动画的回调函数没有像预期的那样运行一次，而是严重的时间（7）。我不明白为什么。 预先感谢您的回复。干杯。马克。

$('#wrapper li').click(function(){

   //Here I declare my varaiables

   $('#wrapper li').slice(startLi,endLi).animate({
            "left": '-='+leftDistance},
            "fast",function() {
                    $('.class').animate({
            "left": "+=200px"},
            "slow");
   });
});

Answer 1

您可以使用stop() 来更改该行为，方法是将其放在animate 函数之前：

$('selector').stop().animate(....)

另见：

• Quick Tip: Prevent Animation Queue Buildup

Answer 2

animate() 的 documentation 表示每个动画元素都会调用一次回调函数。

如果你为七个元素设置动画，它将被调用七次。