Lazy load jQuery插件不适用于通过AJAX加载的图像

时间:2012-08-26 14:26:17

标签: jquery ajax dom lazy-loading

我使用lazyload插件在我的网站上加载图像并且效果很好但是当通过AJAX加载图像时(当您点击缩略图加载帖子时)插件似乎不适用于这些图像。可能是因为图像最初不在DOM中吗?

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

非常感谢。

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

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

1 个答案:

答案 0 :(得分:3)

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调用成功后放置上述函数。由于图像不存在,事件不会与这些图像绑定。