为什么 Lazyload 不显示图片？

Question

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

• Jquery LazyLoad.js Issue with Loading after Window Resize
• Lazy Load won't load visible images
• jQuery LazyLoad do not load images until scroll

• LazyLoad images not appearing until after a scroll

  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

这是一个问题，因为包含图像的内容是在延迟加载之后加载的

尝试在setInterval 函数或window.load 的末尾调用lazyload。

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