javascript - 通过 ajax 调用加载新图像的 jquery 回调

Question

这个问题已经有答案了:

jQuery callback on image load (even when the image is cached) (14 个回答)

已关闭 9 年前。

我有一个函数来获取图像宽度和高度，但它不响应通过 ajax 调用加载的新图像。

该功能是 -

$('img').on('load',function() {
    console.log(this.width + 'x' + this.height);
});

但是我使用ajax调用将DOM添加到页面，但上面的代码没有响应正在加载的新图像

我的示例页面是 here in the link与控制台日志。

问候

Answer 1

嗯，这就是按照 Rafael Diaz 所说的那样完成的

$.ajax({
        type: "POST",
        url: 'bAlbum.jsp',
        data: null ,
        cache: false,
        success: function(html){
            $('ol#imagelist').append(html);               

            $("ol#imagelist li").each( function (i, e)
            {

               $(e).find('img').one('load', function() {
                   console.log(this.width + 'x' + this.height);
               });
            });
        }
    });