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

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');
     });

});