ZblogPHP目录索引插件不生效问题及解决办法

自己制作的ZblogPHP主题基本上上周就完工了，今天想着让文章页也实现和WordPress这个文章页显示文章目录索引的效果，最简单的方式就是使用插件实现，启用了文章内容目录索引插件，文章正文明明写入有多个H3标签大标题，结果文章目录索引就是不生效。

ZblogPHP文章目录索引不生效的原因分析

在启用插件后，在配置中也根据插件中使用说明对正文部分的选择器进行了修改，但是刷新缓存后，依然是不生效状态。原本制作文章主题post-single文件中，{$article.Content}标签外面没有写入任何的Css选择器，后来我又在{$article.Content}标签外嵌套了一层Div并加上了选择器。

反复试了几次依旧不生效，切换到说明中的WhitePage和拓源主题都能正常显示出来。打开浏览器开发者工具再一查看，发现自己制作的主题报错了。

Uncaught TypeError: Cannot read properties of undefined (reading 'fn')

myToc.js文件报错，思考了一番，感觉应该是我把jQuery和所有的Js文件引入放在了footer.php的原因，而插件中的Js文件必须要在jQuery引入之后才能正常运行。

ZblogPHP文章目录索引不生效解决办法

根据以上问题，直接对症下药，先找了一个jQuery的CDN直接在header.php中引入，再次清理网站缓存，刷新页面后就显示出了文章目录索引效果。

已经正常将文章中带H3标签的标题索引成了目录索引形式。

如果在使用Js过程中有Uncaught TypeError: Cannot read properties of undefined (reading 'fn')和Uncaught ReferenceError: $ is not defined错误提示，很大概率就是没有先引入jQuery，把jQuery放在了相关Js文件之后所导致，遇到此类报错提示，可以看看是不是和本文问题一样。