2013-04-18 145 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

谢谢!这就是发生了什么! –