高亮当前菜单

Posted caidan1995

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了高亮当前菜单相关的知识,希望对你有一定的参考价值。

 1     // 高亮当前菜单
 2     (function(){
 3         var nav_t = [
 4             [$(‘.p1‘),$(‘.nav li:nth-child(1)‘)],
 5             [$(‘.p2‘),$(‘.nav li:nth-child(2)‘)],
 6             [$(‘.p3‘),$(‘.nav li:nth-child(3)‘)],
 7             [$(‘.p4‘),$(‘.nav li:nth-child(4)‘)]
 8         ];
 9 
10         function nav_on(arr){
11             var len = arr.length;
12             for(var i=0; i<=len; i++){
13                 if(arr[i][0].size()>0){
14                     arr[i][1].addClass(‘on‘);
15                 }
16             };
17         };
18 
19         nav_on(nav_t);
20     })()

 

以上是关于高亮当前菜单的主要内容,如果未能解决你的问题,请参考以下文章

高亮当前菜单

激活当前视图菜单高亮呈现 V2.0

Jekyll 偏移代码片段高亮的初始行

el-menu刷新页面时,当前激活菜单的高亮问题

两种简单实现菜单高亮显示的JS类(转载)

左侧多级菜单,高亮显示js