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，ERGO在动画回调i所有用途将是错误的值。