通过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

你应该在成功中做这样的事情

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调用只需更改iframe的src并添加一个.load(..)处理程序，该处理程序将在加载所有内容后触发。