Layui 导航默认展开和菜单栏选中高亮设置的方法

如下所示：

     
      
宣传教育

 

  /content/jctt',icon:'',title:'基层头条',id:'73'}">基层头条
 
 

  /content/dyxf',icon:'',title:'党员先锋',id:'74'}">党员先锋
 
 

  /content/wdk',icon:'',title:'微党课',id:'75'}">微党课
 
 

  /content/remote_education',icon:'',title:'远程教育',id:'76'}">远程教育
 
 

  /constant/ad',icon:'',title:'广告轮播',id:'77'}">广告轮播
 


      

      
每日一学

 

  /content/mryx_type',icon:'',title:'学习类型管理',id:'200'}">学习类型管理
 
 

  /content/mryx',icon:'',title:'知识点管理',id:'201'}">知识点管理
 
 

  /content/mryx_publish',icon:'',title:'发布记录列表',id:'202'}">发布记录列表
 

      
      
每月一考

 

  /content/quest_type_index',icon:'',title:'题库类型',id:'80'}">题库类型
 
 

  /content/quest_index',icon:'',title:'考题管理',id:'81'}">考题管理
 
 

  /content/quest_model_index',icon:'',title:'考卷模板',id:'82'}">考卷模板
 
 

  /content/exam_index',icon:'',title:'考卷管理',id:'83'}">考卷管理
 
 

  /content/record_index',icon:'',title:'考试记录',id:'84'}">考试记录
 

     
  

在第一个宣传教育li中添加class为layui-nav-itemed，以及在第一个dd中添加class为layui-this。

效果展示如下：

本人也是通过查看点击相应导航，在浏览器控制台查看渲染后的class，得出此结果。

以上这篇Layui 导航默认展开和菜单栏选中高亮设置的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持考高分网。