fix: 修复懒加载未启动的问题
- 修复 argonConfig.lazyload 配置逻辑,默认启用懒加载 - 修复懒加载初始化时机,确保 DOM 加载完成后再执行 - 添加 DOMContentLoaded 事件监听,避免过早初始化导致找不到图片元素 - 修复懒加载禁用判断,同时支持 false 和 'false' 字符串 - 优化 header.php 中的懒加载配置,使用 get_option 默认值
This commit is contained in:
@@ -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(){
|
||||
|
||||
@@ -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')); ?>,
|
||||
|
||||
|
||||
Reference in New Issue
Block a user