jquery - 如何停止动画循环

Question

下面的代码基本上使 div 来回动画。然后我希望动画在悬停时停止。如果我删除这一行，它就会起作用: "$(".block").animate({left: '0px'}, 1, animate);"但 div 只动画一次，这不是我想要的。那么如何保留 .stop() 功能但仍然让动画无限循环？

$(function animate(){
$(".block").animate({left: '+=500px'}, 2000);
$(".block").animate({left: '0px'}, 1, animate);
});

$(".block").hover(function(){
$(".block").stop();
$(".block").animate({ width:"20%", height:"20%"}, 500 );
});

Answer 1

已更新

不确定是否:

$(".block").stop( true, true );

这就是您所寻找的。

第一个true清除队列和最后一个 true跳转到动画队列的末尾，有效地结束动画。

$(".block").stop( true );

这会清除队列，但不会跳到末尾。