JQuery .load（）问题

Question

var img = $('.container img');

$(img).load(function () { 
   // do something
});

我遇到了.load()功能的问题。这是我上面的代码片段，当变量img存在时，它会运行一个函数。但有时候，这个功能不会运行。这是否与变量img没有被及时存储有关？如果您认为是这种情况，是否有人知道如何延迟.load()调用以确保函数发生。

由于

Answer 1

在您的on标记出现在DOM中之前，请尝试使用img方法：

$('.container img').on('load', function() {
    console.log(this);
});

JSFiddle

Answer 2

问题可能是您在DOM准备好之前绑定事件。尝试将代码放在这样的包装器中：

//HTML
<img src="https://www.google.se/logos/2012/fencing-2012-hp.jpg">​

//JS
$(function(){
    //This will be run after DOM is loaded
    $("img").load(function(){
        alert("loaded");
    });
});​

http://jsfiddle.net/NX6Hj/