JQuery .load() 问题答案

【问题标题】：JQuery .load() issuesJQuery .load() 问题
【发布时间】：2012-07-28 00:01:45
【问题描述】：

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

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

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

谢谢

【问题讨论】：

不清楚，你得到了什么：错误还是什么都没有？
你把上面的代码包在$(document).ready()中了吗？
是的，$(document).ready() 是任何人做的第一件事。我什么也得不到。

标签： jquery function variables load

【解决方案1】：

问题可能是您在 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/

【讨论】：

【解决方案2】：

在你的img标签出现在DOM之前尝试使用on方法：

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

JSFiddle.

【讨论】：