Javascript/jQuery HasLoaded 或等效项？

Question

我知道在 jquery 中可以调用 javascript/jquery onload()/load() 函数，例如图像 (< /代码>）。

但是，如果在 jquery 中，如果我使用 .html(htmlString) 在 dom 加载后插入图像，我如何添加一个侦听器来处理图像 onload 事件？是否有一个属性我可以检查以查看各种图像以及它们是否已加载？

Answer 1

添加 html 后，您可以将加载事件绑定到包含的图像：

$("#foo").html(htmlString).find("img").one("load", function() {
    ...
}).each(function() {

    // image has been cached, so load event won't fire unless we explicitly call it
    if(this.complete) $(this).trigger("load");
});

Answer 2

检查图像的 complete 属性