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

jqueryLazy not triggering when images gets visibles via css changes

我在一个网页中有一堆图片,比如说 100 张图片,如果不滚动页面,只有 10 张是可见的。前 90 张图片有一个“myclass”class.

我使用 jquery 惰性 (http://jquery.eisbehr.de/lazy/) 管理所有图像,如果我滚动 window.

它会完美运行

但是,如果我在向下滚动之前制作 $(".myclass").hide(),我会看到最后 10 张图像,其中没有“myclass”class,错误 jquery 懒惰不会“揭示”它们。

为什么?

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

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

如果可滚动 div 不是 window 对象,请使用它代替 $(window)