Сделайте что-нибудь, когда контент полностью загружен через ajax

Question

Я загружаю содержимое div через ajax, используя это:

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

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

}

Проблема в том, что я хочу что-то сделать (скрыть загрузчик) после полной загрузки данных, содержащих изображения и т. Д.! Как это можно сделать?

Спасибо! ..

Answer 1

Вы должны сделать что-то подобное в случае успеха

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

Answer 2

Если data - это html, то я думаю, что решением было бы использовать iframe в качестве контейнера содержимого. Вместо вызова ajax просто измените src iframe и добавьте обработчик .load(..), который будет запускаться после загрузки всего содержимого.