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所有用途將是錯誤的值。