fix: 使用JavaScript强制隐藏其他文章卡片

- 添加直接CSS操作强制设置opacity为0
- 将opacity检查延迟100ms,等待CSS生效
- 这样可以绕过CSS选择器优先级问题
- 保留调试日志用于后续优化
This commit is contained in:
2026-01-23 15:28:34 +08:00
parent 6fad1244a8
commit d0fff9952e

View File

@@ -2832,6 +2832,9 @@ $(document).pjax("a[href]:not([no-pjax]):not(.no-pjax):not([target='_blank']):no
$card.addClass("post-pjax-loading"); $card.addClass("post-pjax-loading");
$("#main").addClass("post-list-pjax-loading"); $("#main").addClass("post-list-pjax-loading");
// 强制隐藏其他卡片
$(".post-preview").not($card).css("opacity", "0");
// 调试信息 // 调试信息
console.log("=== 文章加载动画调试 ==="); console.log("=== 文章加载动画调试 ===");
console.log("点击的卡片:", $card[0]); 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")); console.log("被点击的卡片是否有 post-pjax-loading 类:", $card.hasClass("post-pjax-loading"));
// 检查CSS是否生效 // 检查CSS是否生效
setTimeout(function() {
$(".post-preview").each(function(index) { $(".post-preview").each(function(index) {
let opacity = $(this).css("opacity"); let opacity = $(this).css("opacity");
let hasLoadingClass = $(this).hasClass("post-pjax-loading"); let hasLoadingClass = $(this).hasClass("post-pjax-loading");
console.log(`卡片 ${index}: opacity=${opacity}, hasLoadingClass=${hasLoadingClass}`); console.log(`卡片 ${index}: opacity=${opacity}, hasLoadingClass=${hasLoadingClass}`);
}); });
}, 100);
let offsetTop = $($card).offset().top - $("#main").offset().top; let offsetTop = $($card).offset().top - $("#main").offset().top;
if ($("html").hasClass("is-home") && $("html").hasClass("banner-as-cover")){ if ($("html").hasClass("is-home") && $("html").hasClass("banner-as-cover")){