From e1ddd70cfaf311eaafcd599d861eec7c6b892355 Mon Sep 17 00:00:00 2001 From: nanhaoluo <3075912108@qq.com> Date: Thu, 15 Jan 2026 23:16:24 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E9=87=8D=E5=86=99=E7=A7=BB=E5=8A=A8?= =?UTF-8?q?=E7=AB=AF=E6=96=87=E7=AB=A0=E7=9B=AE=E5=BD=95=E7=94=9F=E6=88=90?= =?UTF-8?q?=E9=80=BB=E8=BE=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 不再依赖 headIndex 插件，直接解析文章标题生成目录 - 独立实现目录树构建和 HTML 生成 - 独立实现滚动高亮更新逻辑 - 修复移动端目录为空的问题 --- argontheme.js | 182 ++++++++++++++++++++++++-------------------------- 1 file changed, 89 insertions(+), 93 deletions(-) diff --git a/argontheme.js b/argontheme.js index c85c2e4..5cd66d8 100644 --- a/argontheme.js +++ b/argontheme.js @@ -2511,7 +2511,6 @@ $(document).on("click" , "#blog_categories .tag" , function(){ }); // ========== 移动端文章目录初始化 ========== - // 使用全局变量以便 PJAX 后重置 window.mobileCatalogInitialized = false; function initMobileCatalog() { @@ -2521,105 +2520,105 @@ $(document).on("click" , "#blog_categories .tag" , function(){ if ($mobileContainer.length === 0) return; if ($postContent.length === 0) return; - // 直接从桌面端目录复制内容，避免重复初始化 headIndex 导致的冲突 - var $desktopCatalog = $("#leftbar_catalog"); - if ($desktopCatalog.length > 0 && $desktopCatalog.children().length > 0) { - // 复制桌面端目录内容到移动端 - $mobileContainer.html($desktopCatalog.html()); - window.mobileCatalogInitialized = true; - - // 绑定移动端目录的点击事件 - $mobileContainer.off('click.mobileCatalog').on('click.mobileCatalog', '.index-link', function(e) { - e.preventDefault(); - var targetId = $(this).attr('href'); - if (targetId && targetId.startsWith('#')) { - var $target = $(targetId); - if ($target.length) { - // 更新高亮状态 - $mobileContainer.find('.index-item').removeClass('current'); - $(this).closest('.index-item').addClass('current'); - - // 滚动到目标位置 - $('html, body').animate({ - scrollTop: $target.offset().top - 80 - }, 500, 'easeOutExpo'); - } - } - }); - - // 同步桌面端目录的高亮状态到移动端 - syncMobileCatalogHighlight(); - - setTimeout(scrollMobileCatalogToActive, 150); + // 直接生成目录，不依赖 headIndex 插件 + var $headers = $postContent.find('h1, h2, h3, h4, h5, h6'); + if ($headers.length === 0) { + $mobileContainer.html('
暂无目录
'); return; } - // 如果桌面端目录不存在，则独立初始化移动端目录 - var retryCount = 0; - var maxRetries = 30; + // 构建目录树 + var toc = []; + var stack = [{ level: 0, children: toc }]; - function tryInit() { - if (typeof jQuery !== 'undefined' && typeof jQuery.fn.headIndex === 'function') { - // 使用一个临时的包装元素来初始化，避免与桌面端冲突 - var $wrapper = $('
'); - $wrapper.headIndex({ - articleWrapSelector: '#post_content', - indexBoxSelector: '#leftbar_mobile_catalog', - subItemBoxClass: "index-subItem-box", - itemClass: "index-item", - linkClass: "index-link", - offset: 80, - }); - window.mobileCatalogInitialized = true; - setTimeout(scrollMobileCatalogToActive, 150); - } else { - retryCount++; - if (retryCount < maxRetries) { - setTimeout(tryInit, 100); - } + $headers.each(function(index) { + var $h = $(this); + var level = parseInt(this.tagName.charAt(1)); + var text = $h.text().trim(); + var id = $h.attr('id'); + + // 确保标题有 ID + if (!id) { + id = 'mobile-heading-' + index; + $h.attr('id', id); } + + var item = { id: id, text: text, level: level, children: [] }; + + // 找到合适的父级 + while (stack.length > 1 && stack[stack.length - 1].level >= level) { + stack.pop(); + } + stack[stack.length - 1].children.push(item); + stack.push({ level: level, children: item.children }); + }); + + // 递归生成 HTML + function buildHtml(items, isRoot) { + if (!items || items.length === 0) return ''; + var html = isRoot ? '