fix: 修复懒加载未启动的问题

- 修复 argonConfig.lazyload 配置逻辑,默认启用懒加载
- 修复懒加载初始化时机,确保 DOM 加载完成后再执行
- 添加 DOMContentLoaded 事件监听,避免过早初始化导致找不到图片元素
- 修复懒加载禁用判断,同时支持 false 和 'false' 字符串
- 优化 header.php 中的懒加载配置,使用 get_option 默认值
This commit is contained in:
2026-01-20 23:22:32 +08:00
parent 86d11e1f91
commit 5c3e0aa465
2 changed files with 13 additions and 4 deletions

View File

@@ -2312,7 +2312,7 @@ function lazyloadInit() {
}
// 检查是否启用懒加载
if (argonConfig.lazyload === false) {
if (argonConfig.lazyload === false || argonConfig.lazyload === 'false') {
// 未启用懒加载时,直接加载所有图片
let images = document.querySelectorAll('img.lazyload[data-src]');
images.forEach(function(img) {
@@ -2328,7 +2328,9 @@ function lazyloadInit() {
}
let images = document.querySelectorAll('img.lazyload[data-src]');
if (images.length === 0) return;
if (images.length === 0) {
return;
}
let effect = argonConfig.lazyload_effect || 'fadeIn';
let threshold = parseInt(argonConfig.lazyload_threshold) || 800;
@@ -2413,7 +2415,14 @@ function loadImage(img, effect) {
};
tempImg.src = src;
}
lazyloadInit();
// 确保 DOM 加载完成后再初始化懒加载
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', lazyloadInit);
} else {
// DOM 已经加载完成,立即初始化
lazyloadInit();
}
/*Pangu.js*/
function panguInit(){

View File

@@ -459,7 +459,7 @@
pangu: "<?php echo get_option('argon_enable_pangu', 'false'); ?>",
// 懒加载配置
lazyload: <?php echo (get_option('argon_enable_lazyload') !== 'false' ? 'true' : 'false'); ?>,
lazyload: <?php echo (get_option('argon_enable_lazyload', 'true') == 'false' ? 'false' : 'true'); ?>,
lazyload_effect: "<?php echo get_option('argon_lazyload_effect', 'fadeIn'); ?>",
lazyload_threshold: <?php echo (get_option('argon_lazyload_threshold') == '' ? '800' : get_option('argon_lazyload_threshold')); ?>,