加载所有图像时的jquery div

Question

通过执行以下操作,我可以在加载图像时加载图像:

<img style="display:none;" src="big3.jpg">
<script type="text/javascript">
    $('img').load(function(){
        $(this).css({'display':'block'})
    });
</script>

但我想要的是在加载所有img时加载div,但这不起作用,为什么？:

<div style="display:none;">
    <img src="big3.jpg">
</div>
<script type="text/javascript">
    $('div').load(function(){
        $(this).css({'display':'block'})
    });
</script>

Answer 1

正如@Kolink所说,div不加载.当div中的所有图像都已加载时,此代码将显示div.(另)

var $images = $('div img');
var loaded_images_count = 0;

$images.load(function(){
    loaded_images_count++;

    if (loaded_images_count == $images.length) {
        $("div").show();
    }
});