Как перезапустить анимацию после ее завершения (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();
    });

}

Надеюсь, это то, что вы хотите.