nanhaoluo/argon-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 增强CSS选择器优先级并添加调试日志

Browse Source 
- 为所有opacity相关CSS规则添加!important确保优先级
- 为.post-pjax-loading添加position: relative
- 添加console.log调试信息，方便排查问题
- 严格遵守设置项，只在启用进入文章动画时生效
This commit is contained in:
nanhaoluo
2026-01-23 13:59:46 +08:00
parent dc11338ca2
commit aed0fb5c47
2 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
argontheme.js
View File

@@ -2821,8 +2821,8 @@ $(document).pjax("a[href]:not([no-pjax]):not(.no-pjax):not([target='_blank']):no
NProgress.start();
pjaxLoading = true;
}).on('pjax:afterGetContainers', function(e, f, g) {
if (g.is("#main.article-list article.post a.post-title")){
let $card = $(g.parents("article.post")[0]);
if (g.is("#main article.post-preview a.post-title")){
let $card = $(g.parents("article.post-preview")[0]);
let waterflowOn = false;
if ($("#main").hasClass("waterflow")){
waterflowOn = true;
@@ -2831,6 +2831,9 @@ $(document).pjax("a[href]:not([no-pjax]):not(.no-pjax):not([target='_blank']):no
$card.append("<div class='loading-css-animation'><div class='loading-dot loading-dot-1' ></div><div class='loading-dot loading-dot-2' ></div><div class='loading-dot loading-dot-3' ></div><div class='loading-dot loading-dot-4' ></div><div class='loading-dot loading-dot-5' ></div><div class='loading-dot loading-dot-6' ></div><div class='loading-dot loading-dot-7' ></div><div class='loading-dot loading-dot-8' ></div></div></div>");
$card.addClass("post-pjax-loading");
$("#main").addClass("post-list-pjax-loading");
console.log("Added post-list-pjax-loading class to #main");
console.log("Total .post-preview elements:", $(".post-preview").length);
console.log("Hidden .post-preview elements:", $("#main.post-list-pjax-loading .post-preview").length);
let offsetTop = $($card).offset().top - $("#main").offset().top;
if ($("html").hasClass("is-home") && $("html").hasClass("banner-as-cover")){
offsetTop = $($card).offset().top - window.outerHeight * 0.418;
@@ -2857,13 +2860,13 @@ $(document).pjax("a[href]:not([no-pjax]):not(.no-pjax):not([target='_blank']):no
cleanupPjaxResources();
// 清理文章列表的 PJAX 加载状态
$(".post.post-pjax-loading").removeClass("post-pjax-loading").css({
$(".post-preview.post-pjax-loading").removeClass("post-pjax-loading").css({
"transform": "",
"transition": "",
"left": "",
"width": ""
});
$(".post .loading-css-animation").remove();
$(".post-preview .loading-css-animation").remove();
$("#main").removeClass("post-list-pjax-loading");
// 更新 UI 状态

13
style.css
View File

@@ -3875,17 +3875,18 @@ html.filter-grayscale {
.post-preview.post-pjax-loading {
opacity: 1 !important;
z-index: 10;
position: relative;
}
#main.post-list-pjax-loading .post {
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
#main.post-list-pjax-loading .post-preview {
opacity: 0 !important;
pointer-events: none !important;
transition: opacity 0.3s ease !important;
}
#main.post-list-pjax-loading .post.post-pjax-loading {
#main.post-list-pjax-loading .post-preview.post-pjax-loading {
opacity: 1 !important;
pointer-events: auto;
pointer-events: auto !important;
}
.post-title {