jquery：为什么我不能在图像加载时在Chrome上淡出图像？

问题描述：

我不明白这一点 - 为什么我不能在图像加载时在Chrome上淡出图像？jquery：为什么我不能在图像加载时在Chrome上淡出图像？

jquery的：

$(document).ready(function(){ 


     $('.image').fadeOut('slow',function(){ 

     }); 

    });

的HTML，

<body> 
<img src="pic-1.jpg" class="image"/> 
</body>

但它适用于所有其他的browers，包括IE罚款！

任何想法我做错了什么？

谢谢。

编辑：

这是我在Chrome和其他浏览器测试它的整个代码，

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> 
<html lang="en"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <title>Test</title> 
    <script type="text/javascript" src="jquery-1.6.min.js"></script> 

    <script type="text/javascript"> 

    $(document).ready(function(){ 
     $('img').fadeOut('slow'); 
    }); 

</script> 
</head> 

<body> 
     <img src="pic-1.jpg"/> 

</body> 
</html>

我觉得我读它的地方，在这之前是怎么做形象在Chrome上加载。但我不记得现在它是如何工作的！

有什么想法？

谢谢。

编辑：

明白了修正类似，

$(document).ready(function(){ 

     $(window).bind('load', function() { 
      $('img').fadeOut('slow'); 
     }); 
    });

你错过了一些细节，上述工作正常在铬：http://jsfiddle.net/yDCK5/1/ – Erik 2011-05-13 15:55:36

我在jquery 1.61 - 它会导致Chrome上的问题？ – laukok 2011-05-13 15:59:13

我也用最新版本的jquery（v1.6.2pre）运行它，它没有问题，在铬 – Erik 2011-05-13 16:02:36

答

这可能是因为$(document).ready()火灾时，在HTML加载完成，图像加载完成而不是之后。奇怪的修复方法，但尝试在图像周围包裹一个div，然后将其淡入淡出。或者，拨打$('img').fadeOut('slow');或拨打而不是.ready()。

jquery：为什么我不能在图像加载时在Chrome上淡出图像？

相关推荐