jquery - 奇怪的 jQuery 问题

Question

我已将此脚本插入到包含 50 个小图像(从 16x16 像素到 50x50 像素)的网页中:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('img').css('opacity', '0.0').load(function(){
    $(this).animate({'opacity': '1.0'});
});         
});
</script>

问题是并非所有图像都会加载，有些图像不会出现。

为什么？

Answer 1

当您将某些图像的不透明度设置为 0 时，它们可能已经加载，因此它们的 onload 处理程序已经运行，您没有机会使它们再次可见。