如何为动态添加的图像绑定图像加载回调？

Question

在初始页面加载时，将调用图像加载回调。我使用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();
});

Answer 2

{{1}}

试一试