如何嵌套函數

Question

我要顯示的圖像後，加載完全達到這個東西拿到$（本），我嘗試寫一些代碼，它從圖像獲取data-src，並在新的Image對象加入它，加載後對象，它應該取代image src與object src但有一個問題，在嵌套函數$(this)不工作，只及彼最後一個圖像是代碼...

$('li img').each(function(){ 
timg = $(this); 
var k = new Image(); 
k.src = $(timg).data('src'); 
$(k).load(function(){ 
    console.log (k.src); 
    $(timg).attr('src', k.src); 
    //timg [$(This)] is not working; 
}); 
}); 

Answer 1

您timg已經jQuery的OBJ，所以你不需要任何轉換。你也使用全局var timg所以它在每個循環迭代中都改變了，所以只需使用local。

$('li img').each(function(){ 
    var timg = $(this); 
    var k = new Image(); 
    k.src = timg.data('src'); 
    $(k).load(function(){ 
     console.log (k.src); 
     timg.attr('src', k.src); 
    }); 
}); 

Answer 2

使用Function.bind()到明確的告訴你neastead功能你誰想成爲它的this變量：

$('li img').each(function(){ 
    var k = new Image(); 
    k.src = $(this).data('src'); 
    $(k).load(function(){ 
     console.log (k.src); 
     $(this).attr('src', k.src); 
     console.log(this); // Shall work now 
    }.bind(this)); 
}); 

在更多的細節：

// First case 
function MyTest() { 
    setTimeout(function() { 
     console.log(this); // will log [object Window] 
    }); 
} 
// Second case 
function MyTest() { 
    setTimeout(function() { 
     console.log(this); // will log "anything" 
    }.bind("anything")); 
} 
// Another case 
function MyTest() { 
    setTimeout(function() { 
     console.log(this); // will log [object Object] (MyTest) 
    }.bind(this)); 
} 

看這個Example