jQuery的循環錯誤excecuted

Question

我有一個函數的圖像幻燈片，我把它分成10個小格，每個div有圖像的一部分，然後我用這個函數：

function change() 
{ 
    $(document).ready(function(){ 
     for(var i=1,t=0,s="";i<=10;i++) 
     { 
     s= "#img2_" + i; 
     setTimeout(function(){$(s).slideDown(2000)},t); 
     t= t+300; 
     } 
    }); 
} 

我只有一個問題div與i = 10是slideDown，我試圖改變我的最大值，只有與我的div是slideDown。 那麼我的問題是什麼:(

Answer 1

當你執行超時時，「s」將等於在循環結束時賦值的值，這是因爲傳遞給setTimeout的函數沒有它的。自己的參考時，則使用 「全球」 參考爲了解決這個問題，創建一個封閉的呼叫周圍的setTimeout這樣的：

function change() { 
    $(document).ready(function(){ 
    for(var i=1,t=0,s="";i<=10;i++) { 
     s= "#img2_" + i; 
     (function(img, delay){ 
     setTimeout(function(){$(img).slideDown(2000)}, delay); 
     })(s, t); 
     t= t+300; 
    } 
    }); 
}