next主题侧边目录点击失效无法正常跳转

关注

原创最新推荐文章于 2026-08-16 12:06:18 发布 1k 阅读 AI 写同款· GEO 优化 ›

鸿蒙NEXT主力机体验：原生应用、安全沙箱与分布式协同实战鸿蒙NEXT并非安卓替代品，而是基于ArkTS语言、AOT编译与LiteVM沙箱的全新操作系统范式。其核心原理在于运行时架构重构——跳过虚拟机直跑原生二进制，带来冷启动提速超50%、内存占用下降32%的技术价值；叠加系统级手势语义识别（如onGestureSwipe）与智能网络选择引擎，显著提升交互流畅性与弱网稳定性。典型应用场景涵盖开发者主力开发环境搭建、企业级多端协同办公、教育/政务等高安全需求领域。本文聚焦真实31天主力机实测，深度解析原生应用适配、渲染异常排查及超级终端协同等关键实践。阅读详情

next主题侧边目录点击失效无法正常跳转

错误描述：

1.点击侧边栏目录无法正常跳转；

2.控制台报错：Uncaught TypeError: Cannot read properties of undefined (reading 'top')

报错文件：post-details.js?v=5.1.4:76

报错文件路径：\themes\next\source\js\src\post-details.js

解决办法：

1.知道是post-details.js文件报错后就简单了，阅读源码之后我们发现是targetSelector解析 UTF8 有问题;

在文件的72行左右：

  // TOC item animation navigate & prevent #item selector in adress bar.
  $('.post-toc a').on('click', function (e) {
    e.preventDefault();
    <!-- targetSelector 解析UTF8的问题 ->
    var targetSelector = NexT.utils.escapeSelector(this.getAttribute('href'));
    var offset = $(targetSelector).offset().top;

    hasVelocity ?
      html.velocity('stop').velocity('scroll', {
        offset: offset  + 'px',
        mobileHA: false
      }) :
      $('html, body').stop().animate({
        scrollTop: offset
      }, 500);
  });

解决：

// 将 targetSelector 再解析一次就好了

var targetSelector = NexT.utils.escapeSelector(this.getAttribute('href'));
    <!-- 添加下面这行代码, 重新解析 URL ->
    targetSelector = decodeURI(this.getAttribute('href')) 	// 需要添加的代码加在75行左右	
    var offset = $(targetSelector).offset().top;