jquery - 延迟加载失败？

Question

我有多个带有 class="strip" 的 div，并且在每个 div 中有许多延迟加载样式的图像。（该类设置为 overflow='hidden' 以便浏览器只看到一部分图像，这些是lazyload 将加载的图像）

然后我调用lazyload：

$(function(){
  $("img.lazy").lazyload({  
    container: $(".strip")
  });
});

它在第一个水平图像条上完美地工作，在接下来的“.strip”类中它失败了。它只在 1 个类上运行并退出，就好像我调用了一个 ID 而不是一个类。关于我做错了什么有什么想法吗？

score 1 · Accepted Answer

您遇到的问题是 div 类与 div ID 的类不同。您需要使用 # 作为 ID 和 . 对于类，请参见下面的代码示例。

<script>
$(function(){
    $("img.lazy").lazyload({  
        container: $('.strip', '#strip')
    });
});
</script>

1 回答 1