javascript - 如何为动态添加的图像绑定(bind)图像加载回调？

Question

这个问题已经有答案了:

Direct vs. Delegated - jQuery .on() (6 个回答)

已关闭 5 年前。

在初始页面加载时，将调用图像加载回调。我使用 knockout 将动态图像添加到页面。但是，当我这样做时，不会调用图像加载回调。有解决办法吗？

$(function(){
    $("img").on("load", function () { 
       console.log("loaded");
    });
});

Answer 1

onload 事件很可能在您附加监听器之前发生，因此您可以尝试...

$("img").on("load", function() { 
  // your onload code
}).each(function() {
    // in case it's already loaded
    if(this.complete) $(this).load();
});