Jquery animate is not working within for loop

Question

I want the numbers inside the list to animate so it displays different number for that duration when button is on click state. But it seems jquery animation is not working inside of it for loop.

$("button").on("click",function(){

 for(var i=0; i < 2; i++ ){

  $({value: $(".number").eq(i).text()}).animate({value: data1[i]},{
       duration: 500,
       easing: 'swing',
       step: function(){
         $(".number").eq(i).text(parseInt(this.value));
       }
     });
  }

});

This is my code example.

Draco18s no longer trusts SE · Accepted Answer · 2016-01-28 18:29:07Z

0

As soon as the loop completes i is 3, ergo all usages of i in the animation callback will be the wrong value.

answered Jan 28, 2016 at 18:29

Draco18s no longer trusts SE

16k3 gold badges41 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

nosugarsociety Over a year ago

So, How should I change for loop with using i?

Draco18s no longer trusts SE Over a year ago

stackoverflow.com/questions/1562127/…

nosugarsociety Over a year ago

Thanks so much, Draco18s. After few trial and errors, finally solved problem.

Collectives™ on Stack Overflow

Jquery animate is not working within for loop

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related