当所有图像加载时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();
    }
});