延迟加载 jQuery 插件不适用于通过 AJAX 加载的图像答案

【问题标题】：Lazy load jQuery plugin doesn't work on images loaded via AJAX延迟加载 jQuery 插件不适用于通过 AJAX 加载的图像
【发布时间】：2012-08-26 14:26:16
【问题描述】：

我使用lazyload 插件在我的网站上加载图像，它工作得很好，但是当通过AJAX 加载图像时（当您单击缩略图加载帖子时）该插件似乎不适用于这些图像。会不会是因为图片最初不在 DOM 中？

知道我能做些什么来解决这个问题吗？

非常感谢。

插件：https://github.com/tuupola/jquery_lazyload

$("body img").lazyload({ 
    effect : "fadeIn",
    failure_limit : 99999,
    threshold : 100
});

【问题讨论】：

标签： jquery ajax dom lazy-loading

【解决方案1】：

testFunc = function(str, callback) {
    // Send our params
    var data = 'some data to send';
    $.ajax({
        type: 'POST',
        url: 'http://www.myurl.com',
        data: data,
        success: function(data) {

    $("body img").lazyload({ 
        effect : "fadeIn",
        failure_limit : 99999,
        threshold : 100
    });


        }
    });
}

在ajax调用成功后放置上述函数..由于图像不存在，事件未与这些图像绑定。

【讨论】：