javascript - 为什么 Lazyload 不显示图片？

Question

我尝试了stackoverflow上给出的所有解决方案。

• 窗口调整大小后加载的 Jquery LazyLoad.js 问题
• 延迟加载不会加载可见图像
• jQuery LazyLoad 在滚动之前不加载图像

• LazyLoad 图像直到滚动后才出现

  Add a width height in css 
  Add a width height in HTML 
  $(window).resize(); 
  .trigger("lazyload");
  skip_invisible:true
  failure_limit : 1000
  

我还尝试了另一种http://luis-almeida.github.io/unveil/

但问题还是一样。除非我调整窗口大小（或 $(window).resize(); 在控制台中）图片不显示。但是，如果我将阈值设置为 300，则会出现前 300 个像素中的图片，而不是其他...

最奇怪的是2个插件的问题是一样的。

有什么建议吗？

Answer 1

This is an issue because your content, which contains the images, is loaded after the lazyload

Try calling lazyload in setInterval function or at the end of window.load.

var interval = setInterval(function(){
    $("img.lazy").lazyload();
    clearInterval(interval);
},1000);