Jquery animate 在 for 循环中不工作

Question

我希望列表中的数字具有动画效果，因此当按钮处于单击状态时，它会在该持续时间内显示不同的数字。但似乎 jquery 动画在循环中不起作用。

$("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.

Answer 1

一旦循环完成，i 就是 3，因此在动画回调中 i 的所有用法都将是错误的值。