javascript – 确定是否在AJAX调用.load中加载DOM和图像的函数

2019年8月4日 168次阅读

我正在使用一个函数通过这种方式通过Ajax动态加载内容：

$("#content").load('file.html', function(response, status, xhr){
     alert('test');
});

请求成功但在加载任何图像之前加载警报.在加载所有图像(在file.html中)并且DOM完全就绪之后,是否有任何我可以使用的函数？我已经尝试了通常的,比如$(window).load和$(document).ready,但这显然不起作用,这是有道理的.

编辑以备将来参考：
为了澄清,我在加载的内容上使用了skrollr.由于该插件根据加载的内容调整了主体高度,因此它在ios设备上很糟糕.使用此函数,我可以确保skrollr实例不会过早刷新.

最佳答案 你可以使用
imagesloaded jquery插件,尝试在加载的内容上使用ajax完成的回调函数,见下面的示例代码

$("#content").load('file.html', function(response, status, xhr){
     $("#content").imagesLoaded( function(){
          alert('test');
     });

});
点赞