如何在动画完成后重新运行动画（jQuery）？

Question

我想要做的是在整个页面上连续动画图像，同时可以拖动。目前，它在最初的动画完成后移过，可拖动，并返回到初始位置。

但是，我不知道如何让它再次运行，这是一个连续的动画循环。我正在考虑将函数animateCloud（）放入animateCloud（）中，但不确定将它附加到哪里。以下是演示的jsfiddle：

http://jsfiddle.net/iamacatperson/SfFgt/2/

我也希望如果有这样做的更好的方法。我刚开始学习jQuery，我只知道一些语法。

Answer 1

我不知道你为什么要使用.stop()，但我想这应该与工作

function animateCloud() { 
    $(cloud).animate({ 
     left: '300px' 
    }, 25000, function() { 
     $(this).css({ left: '0' }); 
     animateCloud(); 
    }); 

} 

我希望这是你想要的。