當ajax用Jquery完成加載所有圖像時檢測到

Question

這是什麼情況。試試下面這個例子：

的index.html

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(document).on("ready", function(){ 
     $(document).load("h.html", function(d){ 
      document.write(d); 
      alert("Done!"); 
     }) 
    }) 
</script> 

等多種文件：h.html

<img src="http://www.noao.edu/noao/staff/kolsen/images/M31.jpg" width="600"/> 

我要實現的是加載使用jQuery AJAX和圖像..並檢測所有圖像何時完全異步加載。 SI固定，加載請求顯示警告消息，但圖像仍在加載。我想檢測它何時完全充電。我該怎麼做？

謝謝！

Answer 1

試試ImagesLoaded插件。它適用於許多圖像問題。

https://github.com/desandro/imagesloaded

imagesLoaded('#container', function() {...});