延迟加载中的多个容器

我正在尝试申请延迟加载插件 http://www.appelsiini.net/projects/lazyload到多个容器。我发现了这个类似的问题：多个水平容器上的延迟加载 https://stackoverflow.com/questions/10539557/lazy-load-on-multiple-horizontal-containers.

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

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

但我有与提到的问题相同的问题，即延迟加载仅适用于最后一个容器（.p_outer_content）（这是小提琴中的第三个容器）。

有谁知道如何解决这个问题或有其他建议？ 提前致谢'

EDIT:

好的，我尝试在每次滚动其中一个容器时重新应用延迟加载函数：

$(".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/ http://jsfiddle.net/BAFMC/4/

这可行，但我不知道这是否是解决问题的好方法。然而有人想出更好的解决方案吗？谢谢'

LazyLoad 插件中有一个错误。当您提供自定义容器时，存在全局变量泄漏。我已在此处添加了此分支中所需的最低限度的修复。

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

这是一个工作演示http://jsfiddle.net/BAFMC/5/ http://jsfiddle.net/BAFMC/5/

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