zblog php 去 重_zblogphp导航高亮完整修复改进版

【适合有一定动手能力的朋友】

至于导航高亮是什么就不多说了，一直来有人反馈说涂涂那个导航高亮教程不完整，而且在含有子分类和父分类时候判断上有点问题，在这里我将详细的说一下这个导航高亮，以及解决含有子分类和父分类时候的判断问题。

导航高亮的效果应该是：

1、位于首页时候，导航上的首页按钮高亮；

2、位于分类页时候，导航上的对应的分类按钮高亮；

3、位于分类页并且含有父分类的时候，导航上对应的分类及其分类对应的父分类按钮高亮；

4、位于文章页时候，导航上该文章对应的分类按钮高亮；

5、位于文章页并且该文章有父分类的时候，导航栏上对应文章的分类及其父分类高亮；

6、位于单页面时候，导航上对应的单页按钮高亮；

7、位于标签页时候，导航上对应的标签按钮高亮；

在涂涂那个教程中，经过测试后发现，3、5都会出现问题，或者说不符合逻辑，例如A分类下有B和C两个子分类，我当前位于B分类下面，正常来说要么B分类高亮，要么B分类跟A分类高亮，C分类高亮啥呢。。

先来看看JS代码：jQuery(document).ready(function($){

var datatype=$(".navbar-collapse").attr("data-type");//这个navbar-collapse是判断data-type、data-infoid、data-rootid这三个东西的class名

$("#menu-menu li ").each(function(){//这个#menu-menu li为导航所在的位置

try{

var myid=$(this).attr("id");

if("index"==datatype){

if(myid=="navbar-item-index"){

$("#navbar-item-index").addClass("active");

}

}else if("category"==datatype){

var infoid=$(