用于确定是否在AJAX调用.load中加载DOM和Images的函数

Question

我使用函数通过Ajax以这种方式动态加载内容：

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

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

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

Answer 1

您可以使用imagesloaded jQUery插件，尝试在加载内容的ajax done回调函数中使用，请参阅下面的示例代码

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

});

Answer 2

我相信你的问题可以通过这篇文章回答Does AJAX loaded content get a "document.ready"?。简短的回答是不，它不是，你需要为加载的内容中的项添加一个监听器。这应该很容易。