为什么JQuery的load（）不起作用？

Question

大家好 在我的主html文件中，我有一个img在其中定义的div：

< div id="preload">
    < img src="http://howindia.com/......jpg" width="1" height="1" /> 
< /div>

在我的.js文件中我说：

$("#preload").load(function(){
    alert("something...");
    //call other functions 
});

但只是将所有图像加载到＆lt; div id =“preload”＆gt;不会触发任何事件和

Answer 1

图像加载事件不会传播到div。尝试在图像中添加一个加载处理程序。

Example fiddle

$("#preload img").load(function(){
    alert("something...");
    //call other functions 
});

Answer 2

首先，快速提示。如果成千上万（数百万？）人使用的图书馆“不工作”，那么你就不会注意到它。在这种情况下，你的代码不能正常运行，而不是jQuery。

至于你的问题，快速查看documentation for load()显示没有超载将函数作为第一个参数。它被定义为：

.load( url, [ data ], [ complete(responseText, textStatus, XMLHttpRequest) ] )

您是否真的尝试使用.ready()

或许.load() event，在这种情况下文档指定

  

将load事件发送给元素   当它和所有子元素一直存在时   完全装满了。这个事件可以   发送到与a关联的任何元素   网址：图片，脚本，框架，iframe，   和窗口对象。

Answer 3

使用它：

$(document).ready(function() {
  // do what u want.
});