Question

我正在尝试使用jQuery Lazy Load插件，但它说

您还可以在滚动容器内使用插件，例如带滚动条的div。只需将容器作为jQuery对象传递。

好吧，我的问题是：我有一个div的嵌套，可滚动的是外部，但是图像在内部div中。例如：

<div class="outer">
   ...
    <div class="middle">
        <div class="inner">
        <img ... />
        ...
        </div>
        <div class="inner">
        <img ... />
        ...
        </div>
        <div class="inner">
        <img ... />
        ...
        </div>
    </div>

如何与这些人一起进行延迟加载？

Answer 1

我有完全相同的问题。这是修复它的scrollable示例。

DEMO http://jsfiddle.net/dragoncrew/SHGwe/1/

var ds_loaded = false, 
    top = $("#disqus_thread").offset().top;
window.disqus_developer = 1;
window.disqus_shortname = 'dragoncrew';

function check(){
    if ( !ds_loaded && $(window).scrollTop() + $(window).height() > top ) {
        $.ajax({
            type: "GET",
            url: "http://" + disqus_shortname + ".disqus.com/embed.js",
            dataType: "script",
            cache: true
        });
        ds_loaded = true;
    }
}

$(window).scroll(check);

check();

Answer 2

好的家伙我找到了一个简单而干净的解决方案，用最少的代码来解决我的问题，它在这里： Delay Image Loading With JQuery

网址只存储在img的名称属性中，当我需要实际加载图片时，我会将此网址加载到 src 属性。< / p>

也许这不是最适合搜索引擎优化的解决方案，但搜索引擎并没有跟踪我的网页，这就像一个加速加载的魅力。

jQuery Lazy Load：Div里面的Div Div

2 个答案: