目录前言演示教程弊端 前言
星空站长网自己用的文章目录为之前写的一篇《为7B2主题添加浮动文章导航目录》。
这个文章目录有一个问题就是,他会出现在商品内页和交易内页,不管这些页面有没有H1标签这些,都会出现。而且锚点的定位也不是很好,主要顶部导航栏会遮住一点。
今天就找到一个利用小工具实现的文章目录。这种方法就是利用小工具实现,就可以让他不再其他的自定义分类里面显示。
演示
教程
首先我们需要在子主题的child.js添加以下代码
/*添加目录*/
“use strict”;var h=”function”==typeof Symbol&&”symbol”==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&”function”==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?”symbol”:typeof e};!function(e,t){“function”==typeof define&&define.amd?define(function(){return t}):”object”===(“undefined”==typeof exports?”undefined”:h(exports))?module.exports=t:e.katelog=t}(window,function(e){function f(e,t){return!!e.className&&e.className.match(new RegExp(“(\s|^)”+t+”(\s|$)”))}function d(e,t){if(f(e,t)){var n=new RegExp(“(\s|^)”+t+”(\s|$)”);e.className=e.className.replace(n,” “)}}function t(e){for(var t,n=void 0,o=[],l={},a={id:-1},r=null,i=void 0,c=0;c