From d0fff9952e3f60da1ebf768137f7ac246858fab2 Mon Sep 17 00:00:00 2001 From: nanhaoluo <3075912108@qq.com> Date: Fri, 23 Jan 2026 15:28:34 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BD=BF=E7=94=A8JavaScript=E5=BC=BA?= =?UTF-8?q?=E5=88=B6=E9=9A=90=E8=97=8F=E5=85=B6=E4=BB=96=E6=96=87=E7=AB=A0?= =?UTF-8?q?=E5=8D=A1=E7=89=87?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 添加直接CSS操作强制设置opacity为0 - 将opacity检查延迟100ms,等待CSS生效 - 这样可以绕过CSS选择器优先级问题 - 保留调试日志用于后续优化 --- argontheme.js | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/argontheme.js b/argontheme.js index 72a4fce..2ee7989 100644 --- a/argontheme.js +++ b/argontheme.js @@ -2832,6 +2832,9 @@ $(document).pjax("a[href]:not([no-pjax]):not(.no-pjax):not([target='_blank']):no $card.addClass("post-pjax-loading"); $("#main").addClass("post-list-pjax-loading"); + // 强制隐藏其他卡片 + $(".post-preview").not($card).css("opacity", "0"); + // 调试信息 console.log("=== 文章加载动画调试 ==="); console.log("点击的卡片:", $card[0]); @@ -2841,11 +2844,13 @@ $(document).pjax("a[href]:not([no-pjax]):not(.no-pjax):not([target='_blank']):no console.log("被点击的卡片是否有 post-pjax-loading 类:", $card.hasClass("post-pjax-loading")); // 检查CSS是否生效 - $(".post-preview").each(function(index) { - let opacity = $(this).css("opacity"); - let hasLoadingClass = $(this).hasClass("post-pjax-loading"); - console.log(`卡片 ${index}: opacity=${opacity}, hasLoadingClass=${hasLoadingClass}`); - }); + setTimeout(function() { + $(".post-preview").each(function(index) { + let opacity = $(this).css("opacity"); + let hasLoadingClass = $(this).hasClass("post-pjax-loading"); + console.log(`卡片 ${index}: opacity=${opacity}, hasLoadingClass=${hasLoadingClass}`); + }); + }, 100); let offsetTop = $($card).offset().top - $("#main").offset().top; if ($("html").hasClass("is-home") && $("html").hasClass("banner-as-cover")){