隐藏（）div不能在IE上工作，但在Chrome/firefox上工作

Question

这个想法是在图像加载完成时显示加载div并隐藏div。此代码适用于Chrome/Firefox，但不适用于IE。任何想法？

HTML文件

//image 
<img src="image.php" class="loading"> 

//loading tag 
<div id="loaddiv"> 
    <div id="loading_float"><img src="src/img/loading.gif"> 
    <br>Loading.. 
    </div> 
</div> 

JS文件

var imgs_count=0, imgs_loaded=0; 
$(function(){ 
$loading = $('.loading'); 
if($loading.size()>0){ 
    $loading.load(function(){ 
     $('#loaddiv').hide(); 
    }); 
}else{ 
    $('#loaddiv').show(); 
} 
}); 

Answer 1

你不能可靠地使用JavaScript来onload事件处理函数附加到在页面的HTML的图像。这是因为图像可能已经加载之前，您的JavaScript甚至有机会运行的页面DOM（和它引用的图像）开始加载之前JavaScript有机会运行并找到这些非常DOM元素。一旦图像在浏览器缓存中，IE中的问题就会变得更糟，因为IE在这种情况下几乎立即加载图像。

有两个可能的变通：

1. 指定与onload属性的实际HTML onload处理。
2. 请勿将图像放入页面的HTML中。使用javascript动态创建它们，并在图像对象上设置.src属性之前分配onload处理程序，以确保不会错过onload事件。
3. 当您的JavaScript运行并且在您安装负载处理程序之前，请检查图像是否已经加载并相应地执行。