当图像通过 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)
。
我在一个网页中有一堆图片,比如说 100 张图片,如果不滚动页面,只有 10 张是可见的。前 90 张图片有一个“myclass”class.
我使用 jquery 惰性 (http://jquery.eisbehr.de/lazy/) 管理所有图像,如果我滚动 window.
它会完美运行但是,如果我在向下滚动之前制作 $(".myclass").hide()
,我会看到最后 10 张图像,其中没有“myclass”class,错误 jquery 懒惰不会“揭示”它们。
为什么?
因为延迟加载会触发滚动事件。
$(window).scroll()
(触发window
上的滚动事件)足以解决问题。
如果可滚动 div 不是 window 对象,请使用它代替 $(window)
。