Tabs 在选项卡之间导航时如何重新激活Lazyload？ 我用Zurb基金会建立了一个网站，它有很多图片分布在一些选项卡上。 它的负载非常重，所以我使用jquerylazyload来解决这个问题。除了只加载第一个选项卡上的图像（默认情况下处于活动状态）之外，它工作得非常出色。其他选项卡中的图像仅在滚动时加载。即使你只做了一点点

那么，在标签之间导航时，如何重新激活Lazyload呢？

我已经尝试了许多修复，包括Lazyload's on网站上的修复。当内容位于选项卡内时，它们都不起作用。 但由于懒散的加载是由滚动触发的，所以我只能将页面移动1px来激活它。这几乎是看不见的

以下是如何通过两个简单的步骤来完成

将此javascript添加到html文件中的正文标记的底部

<script type="text/javascript">
      // FUNCTION TO SCROLL 1PX AND TRIGGER THE LAZY LOAD
      function tinyScroll() {
        window.scrollBy(0, 1);
      }
</script>

//函数滚动1PX并触发延迟加载
函数tinyScroll（）{
滚动窗口（0，1）；
}

然后将onclick=“tinyscroll（）”添加到选项卡中。比如这个例子

<ul>
  <li onclick="tinyScroll()" class="tab"><a href="#"></a></li>
  <li onclick="tinyScroll()" class="tab"><a href="#"></a></li>
  <li onclick="tinyScroll()" class="tab"><a href="#"></a></li>
</ul>

你自己的答案显然是个错误的答案。一般来说，我建议使用。在其他改进中，它可以自动检测图像可见性的任何变化。所以你不必费心去触发任何东西。

谢谢亚历山大。这应该是告诉其他人一个简单的黑客行为。我知道这很糟糕，但它解决了问题。我没有花时间尝试你的插件lazySizes，但我会在下次需要延迟加载时尝试。感谢您的回复，感谢您将插件提供给所有人。-英雄联盟