我正在尝试将
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 }); });
解决方法
LazyLoad插件中存在一个错误.当您提供自定义容器时,存在全局变量泄漏.我在这里添加了最小的必要修复.
https://raw.github.com/marchingants/jquery_lazyload/master/jquery.lazyload.js
这是一个有效的演示http://jsfiddle.net/BAFMC/5/