jquery – Lazy Load中的多个容器

前端之家收集整理的这篇文章主要介绍了jquery – Lazy Load中的多个容器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试将 Lazy Load plugin应用于多个容器.我发现了类似的问题: Lazy Load on MULTIPLE horizontal containers.

这是我的尝试:http://jsfiddle.net/BAFMC/

$(".p_outer_content").each(function() {
    var tthis = $(this);
    $(this).find('img').lazyload({
        container: tthis
    });
});​

但是我遇到了与上述问题相同的问题,即Lazy加载仅适用于最后一个容器(.p_outer_content)(这是小提琴中的第三个容器).

有谁知道如何解决这个或有其他建议?
提前致谢’

编辑:

好的,我每次滚动其中一个容器时都尝试重新应用lazyload函数

$(".p_outer_content").each(function() {
    var tthis = $(this);
    $(this).find('img').lazyload({
        container: tthis
    });
});

$(".p_outer_content").scroll(function() {
    var tthis = $(this);
    $(this).find('img').lazyload({
        container: tthis
    });

});​

http://jsfiddle.net/BAFMC/4/

哪个有效,但我不知道它是否是解决问题的好方法.然而有人提出了更好的解决方案吗?谢谢’

解决方法

LazyLoad插件中存在一个错误.当您提供自定义容器时,存在全局变量泄漏.我在这里添加了最小的必要修复.

https://raw.github.com/marchingants/jquery_lazyload/master/jquery.lazyload.js

这是一个有效的演示http://jsfiddle.net/BAFMC/5/

我在该示例中直接使用github原始文件,但在您的项目中,克隆文件,缩小文件并在本地使用它.

猜你在找的jQuery相关文章