javascript - 为<div>元素添加延迟加载

我需要为页面中的整个div元素添加延迟加载，而不是单独延迟加载图像。

有人可以帮我一些插件或自己的​​js代码吗？

最佳答案

您可以使用此插件。它很有帮助，将为您解决问题。

https://github.com/emn178/jquery-lazyload-any

只需按照文档中所示使用此脚本即可。

<div id="you-want-lazyload">
  <!--
    <p>Anything you want to lazyload</p>
  -->
</div>

的JavaScript

$('#you-want-lazyload').lazyload(options);

希望它会有所帮助。

编辑

HTML
属性样式

<div id="you-want-lazyload" data-lazyload="&lt;p&gt;Anything you want to lazyload&lt;/p&gt;">
</div>

脚本风格

<div id="you-want-lazyload">
  <script type="text/lazyload">
    <p>Anything you want to lazyload</p>
  </script>
</div>