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]');
|
let images = document.querySelectorAll('img.lazyload[data-src]');
|
||||||
images.forEach(function(img) {
|
images.forEach(function(img) {
|
||||||
@@ -2328,7 +2328,9 @@ function lazyloadInit() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
let images = document.querySelectorAll('img.lazyload[data-src]');
|
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 effect = argonConfig.lazyload_effect || 'fadeIn';
|
||||||
let threshold = parseInt(argonConfig.lazyload_threshold) || 800;
|
let threshold = parseInt(argonConfig.lazyload_threshold) || 800;
|
||||||
@@ -2413,7 +2415,14 @@ function loadImage(img, effect) {
|
|||||||
};
|
};
|
||||||
tempImg.src = src;
|
tempImg.src = src;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 确保 DOM 加载完成后再初始化懒加载
|
||||||
|
if (document.readyState === 'loading') {
|
||||||
|
document.addEventListener('DOMContentLoaded', lazyloadInit);
|
||||||
|
} else {
|
||||||
|
// DOM 已经加载完成,立即初始化
|
||||||
lazyloadInit();
|
lazyloadInit();
|
||||||
|
}
|
||||||
|
|
||||||
/*Pangu.js*/
|
/*Pangu.js*/
|
||||||
function panguInit(){
|
function panguInit(){
|
||||||
|
|||||||
@@ -459,7 +459,7 @@
|
|||||||
pangu: "<?php echo get_option('argon_enable_pangu', 'false'); ?>",
|
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_effect: "<?php echo get_option('argon_lazyload_effect', 'fadeIn'); ?>",
|
||||||
lazyload_threshold: <?php echo (get_option('argon_lazyload_threshold') == '' ? '800' : get_option('argon_lazyload_threshold')); ?>,
|
lazyload_threshold: <?php echo (get_option('argon_lazyload_threshold') == '' ? '800' : get_option('argon_lazyload_threshold')); ?>,
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user