是的,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 將自動加載它們。