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;

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

Hexo-NexT主题中文目录不跳转的解决方法
Refence https://www.bilibili.com/read/cv10197254 这个坑应该是最烦人的了:文章中的中文目录点击不跳转. NexT主题版本,在主题配置文件下 packag ...
Bootstrap模态框使用WebUploader点击失效问题解决
Bootstrap模态框使用WebUploader点击失效问题解决参考文章: (1)Bootstrap模态框使用WebUploader点击失效问题解决 (2)https://www.cnblogs. ...
使用el-checkbox实现全选，点击失效没有反应
最近在公司接收到了一个需求,给收藏夹的书籍添加批量.全选删除实现思路:点击全选改变item的checked,改变item的checked,重新便利一下所有item的checked来改变全选的sele ...
UIActionSheet的最后一项点击失效
在开发过程中,发现有时候UIActionSheet的最后一项点击失效,点最后一项的上半区域时有效,这是在特定情况下才会发生,这个场景就是试用了UITabBar的时候才有.解决办法: 在showView ...
WordPress主题添加鼠标点击特效
关于WordPress主题添加鼠标点击特效方法以及代码使用.看着花里胡哨的,其实实现很简单.找到相对应的文件位置,然后复制粘贴,最后保存运行即可.为了方便新手我尽可能详细些,使用方法:打开宝塔Linu ...
ionic：点击某个商品名称，跳转到相应的商品详情页面
实例: 在采购单审批页面(procurement),点击"商品名称"字段,跳到新的商品信息(goods-details)的详情页,其中商品信息通过点击的商品名称的id来查到: 首先 ...
elementui中导航组件点击二级菜单页面跳转但是二级菜单关闭问题
elementui中导航组件库多个一个菜单中包含二级菜单第一次点击二级菜单页面跳转但是二级菜单关闭功能解决方法: :default-active="$route.path": ...
微信小程序例子——点击文字实现页面跳转
1.效果展示 .w 2.关键代码 index.js文件 Page({ data:{ // text:"这是一个页面" }, onLoad:function(options){ // ...
android点击按钮打开一个网页,Android实现H5点击打开app或跳转指定界面
Android实现H5点击打开app或跳转指定界面本文原创,转载请注明出处.欢迎关注我的简书. 安利一波我写的开发框架:MyScFrame喜欢的话就给个Star 场景 H5界面中的入口有时候为了 ...

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

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

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

最新文章

热门文章