循環中的jquery動畫返回相同的索引

Question

我在這裏有一個循環內動畫的問題。輸出就像應該是我猜，但不是我想要的。

for (var i = 0; i < slots.length; i++) { 
    $('#slot-'+i).animate({ 
    marginTop: -10 
    }, 200, function() { 
    console.debug(i); 
    if (i == 0) somefunction(); 
    }); 
} 

問題是，console.debug（i）每次輸出for循環的最後一個索引。

我想要的是：在動畫的完整功能中，我想調用一個函數 - 但只有一次。

Answer 1

for (var i = 0; i < slots.length; i++) { 
    $('#slot-' + i).animate({ 
     marginTop: -10 
    }, 200, (function(count) { 
     return function() { 
      console.debug(count); 
      if (count == 0) somefunction(); 
     }; 
    })(i)); 
} 

的這裏的問題是，除非您使用的立即調用函數表達式回報每次迭代相應的成功處理程序，所有的處理程序將把我的相同的值。

Answer 2

試試這個：

var i = 0; 
for (i=0; i < slots.length; i++) { 
$('#slot-'+i).animate({ 
    marginTop: -10 
    }, 200, function() { 
    console.debug(i); 
    if (i == 0) somefunction(); 
    }); 
}