是的,LazyLoad.js 可以处理动态加载的内容。LazyLoad.js 是一个用于实现图片懒加载的 JavaScript 库,它可以在页面滚动时按需加载图片。对于动态加载的内容,您需要确保在内容加载到页面上之后再初始化 LazyLoad.js。
以下是一个简单的示例,说明如何在动态加载的内容上使用 LazyLoad.js:
- 首先,在 HTML 文件中添加图片标签,并设置
data-src
属性,而不是直接设置src
属性:
- 接下来,在您的 JavaScript 文件中,引入 LazyLoad.js 并初始化它:
import LazyLoad from 'lazyload'; document.addEventListener('DOMContentLoaded', function() { const lazyLoadInstance = new LazyLoad(); });
- 如果您使用的是 jQuery,可以通过以下方式初始化 LazyLoad.js:
$(document).ready(function() { $("img.lazyload").lazyload(); });
现在,当用户滚动页面并滚动到这些图片时,LazyLoad.js 将自动加载它们。