当图像通过css更改可见时jqueryLazy不会触发

Question

我有一堆图片，比如 100 张图片，在一个网页中，只有 10 张在不滚动页面的情况下可见。前 90 张图片有一个“myclass”类。

我使用 jquery lazy (http://jquery.eisbehr.de/lazy/) 管理所有图像，如果我滚动窗口，它可以完美运行。

但是，如果我在向下滚动之前创建 $(".myclass").hide()，我会看到最后 10 张没有“myclass”类的图像，错误 jquery lazy 不会“显示”它们。

为什么？

Answer 1

因为延迟加载会触发滚动事件。

$(window).scroll()（触发window上的滚动事件）足以解决问题。

如果可滚动的 div 不是窗口对象，请使用它而不是 $(window)。