Javascript 在使用延迟加载插件滚动之前不显示图像

我正在开发一个phonegap应用程序，并使用Lazy Load插件（）

我遇到的问题是，直到用户滚动时图像才会显示。我有一个演示。如果你点击CauseComprehensiveSchoolGallery，你会发现只有滚动才能看到图像。我看了这个问题，尝试了所有的解决方案，但都没有奏效

图像标记如下所示：

<img class="lazy" data-original="<%= item.thumbnail %>" height="70" width="70" >

如您所见，高度和宽度是设置的，这是通常提出的解决方案。我还尝试：

$("img.lazy").lazyload({
    skip_invisible : false
});

及

然后，模拟一个卷轴

 $('body').scrollTop(10);

---

但是，在我滚动之前，图像仍然不会显示。有什么想法吗？

解决这个问题有两种方法：

手动触发“滚动”事件以强制lazyload脚本加载图像：

$(window).trigger('scroll');

使用另一个工作正常的延迟加载脚本（例如）

--如果使用此插件，请确保通过将“水平滚动溢出容器”传递给lazyLoadXT，包含插件和，以初始化水平滚动功能

--（例如，物品的容器“.wrapper”）如下：

---

我有一个类似的问题，但我的问题通过在选项中添加skip_invisible:false（以前没有）得到了解决。我在这里添加这个答案，虽然我实际上投票支持另一个答案，因为我认为它更彻底

 $('body').scrollTop(10);

$(window).trigger('scroll');