做一些內容的時候完全通過AJAX

Question

我加載通過AJAX一個div的內容加載，使用此：

function loadContent(url) { 
jQuery.ajax({ 
     url: url, 
     success: function(data) 
     {   
      // set content 
      jQuery("#overlayDiv").html(data); 

      // hide loading spinner 
      jQuery("#overlayCleared").hide(); 
     } 
     }); 

}

的問題是，我想要做的事（隱藏加載微調器）在'數據'之後，包含圖像等，已經完全加載！如何才能做到這一點？

謝謝！..

Answer 1

如果data是HTML，那麼我認爲一個解決辦法是使用iframe作爲內容容器。代替ajax調用，只需更改iframe的src並添加一個.load(..)處理函數，該函數將在所有內容加載後觸發。

Answer 2

你應該在成功

var images = jQuery('#content img'); 
images.load(function() { 
    console.log(loading images has been completed); 
}); 

做服用點這樣試試這個插件也

https://github.com/peol/jquery.imgloaded/raw/master/ahpi.imgload.js