是的,LazyLoad.js 可以处理动态加载的内容。LazyLoad.js 是一个用于实现图片懒加载的 JavaScript 库,它可以在页面滚动时按需加载图片。对于动态加载的内容,您需要确保在内容加载到页面上之后再初始化 LazyLoad.js。
以下是一个简单的示例,说明如何在动态加载的内容上使用 LazyLoad.js:
data-src
属性,而不是直接设置 src
属性:<img data-src="path/to/your/image.jpg" alt="Image description" class="lazyload">
import LazyLoad from 'lazyload';
document.addEventListener('DOMContentLoaded', function() {
const lazyLoadInstance = new LazyLoad();
});
$(document).ready(function() {
$("img.lazyload").lazyload();
});
现在,当用户滚动页面并滚动到这些图片时,LazyLoad.js 将自动加载它们。