加载所有图像时的jquery div

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

  $('img').load(function(){ $(this).css({'display':'block'}) });  

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

 
  
  $('div').load(function(){ $(this).css({'display':'block'}) });  

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(); } }); 

Answer 2

元素不加载，图像做。 您想要在图像加载时监听，然后获取

并显示它。

Answer 3

我知道回答这个问题为时已晚，但对于任何查看此主题的人来说，都有一个简单易用的jQuery插件，还有许多其他技巧可以完成这项工作。 你可以在这里查看 。 然后检查所有图像负载，你只需要这样做

 $('#container').imagesLoaded() .always( function( instance ) { console.log('all images loaded'); })