2013-04-18 5 views
0

Я пытаюсь сделать смешную функцию, которая вращает элемент 360. Проблема в том, что она выполняется только в первый раз, и я не знаю почему!Анимация на jQuery выполняется только один раз

jQuery.fn.circularFun = function() { 
      this.stop().animate(
       {rotation: 360}, 
       { 
        duration: 500, 
        step: function(now, fx) { 
        $(this).css({"transform": "rotate("+now+"deg)"}); 
        } 
       } 
      ); 
     } 

Спасибо!

+0

Вы хотите, чтобы он продолжал вращаться –

+0

сделать вашу функцию называть себя рекурсивно –

+0

Посмотрите на него. http://stackoverflow.com/questions/6767286/jquery-continuously-loop-animation –

ответ

3

После первого поворота он будет уже повернут на 360. После того, как вы закончите, вы должны установить его на 0.

+1

Или перед началом: 'this.stop(). Css ('rotation', 0) .animate (...)' –

+0

@Alexey: Конечно! Тот же принцип. –

+0

Спасибо! Вот что случилось! –

Смежные вопросы