如何停止动画循环

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 );

这将清除队列但不会跳到最后.