无法让懒惰加载任何工作

Can't get lazyload-any to work

本文关键字：加载 任何 工作      更新时间：2023-09-26

当您向下滚动时，我试图让整个div .lazyload延迟加载，但我似乎无法正确加载。插件 （https://github.com/emn178/jquery-lazyload-any）

$('.lazyload').lazyload(); 

<div class="lazyload">
  <div class="projectWrap">
  </div>
</div>
<div class="lazyload">
  <div class="projectWrap">
  </div>
</div>

http://jsfiddle.net/8y4fdmL0/146/

问题是你没有被注释你的.projectWrapdiv。因此，在您的 html 中，您需要替换每次出现的div.projectWrap：

<div class="projectWrap">
</div>

自

<!--
  <div class="projectWrap">
  </div>
-->


$('.lazyload').lazyload();
.projectWrap { background-color:#000; margin-bottom:300px; height:450px; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://emn178.github.io/jquery-lazyload-any/src/jquery.lazyload-any.js"></script>
<div class="lazyload">
  <!--
  <div class="projectWrap">
  </div>
  -->
</div>
<div class="lazyload">
  <!--
  <div class="projectWrap">
  </div>
  -->
</div>
<div class="lazyload">
  <!--
  <div class="projectWrap">
  </div>
  -->
</div>
<div class="lazyload">
  <!--
  <div class="projectWrap">
  </div>
  -->
</div>
<div class="lazyload">
  <!--
  <div class="projectWrap">
  </div>
  -->
</div>
<div class="lazyload">
  <!--
  <div class="projectWrap">
  </div>
  -->
</div>
<div class="lazyload">
  <!--
  <div class="projectWrap">
  </div>
  -->
</div>
<div class="lazyload">
  <!--
  <div class="projectWrap">
  </div>
  -->
</div>

相关文章：