如何在动画完成后重新运行动画（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();
    });

}

我希望这就是你想要的。