Animation on jQuery only executes one time

Question

I am trying to make a funny function that rotates an element 360. The problem is that it only executes the first time and i don't know why!

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

Thanks!!

Look at his. http://stackoverflow.com/questions/6767286/jquery-continuously-loop-animation — Dmitry Volokh, Apr 18 '13 at 10:29
I don't think he's after continuous, I think the case is just that currently it *can't* be repeated. Say if the rotation is triggered on click, then a second click will do nothing. — David Hedlund, Apr 18 '13 at 10:33

score 3 · Accepted Answer · answered Apr 18 '13 at 10:27

3

After your first rotation, it will already have been rotated to 360. You need to set it to 0 after you're finished.

answered Apr 18 '13 at 10:27

David Hedlund

128,221
31
203
222

1

Or before you start: `this.stop().css('rotation', 0).animate(...)` – Alexey Lebedev Apr 18 '13 at 10:29
@Alexey: Sure! Same principle. – David Hedlund Apr 18 '13 at 10:33
Thanks!! That's just what happened! – Jonathan Gimeno Apr 19 '13 at 09:41

Animation on jQuery only executes one time

1 Answers1