Javascript / jQuery HasLoaded или эквивалент?

Question

Я знаю, что в jquery можно вызывать функции javascript / jquery onload() / load(), например, для изображения (<img>).

Однако, если в 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 изображения