首页 / 脚本样式 / JavaScript / bootstrap的3级菜单样式,支持母版页保留打开状态实现方法

<ul class="sidebar-menu">@for （int i = 0; i < mList.Count; i++）{if （mList[i].FatherID == 0）{mCList = GetChild（mList[i].ModuleId, mList）;<！--二级菜单的集合--><li class="treeview"><a href="#"><i class="fa fa-folder-o"></i><span>@mList[i].ModuleName</span><i class="fa fa-angle-left pull-right"></i></a><！--一级菜单--><ul class="treeview-menu">@for （int j = 0; j < mCList.Count; j++） //二级的循环{if （mCList[j].FatherID == 41） //如果是CRM 则进这个循环{mSList = GetChild（mCList[j].ModuleId, mList）;<！--三级菜单的集合--><li><a href="javascript:void（0）;" data-id="@mCList[j].ModuleId"><i class="fa fa-share"></i>@mCList[j].ModuleName<i class="fa fa-angle-left pull-right"></i></a><！--二级菜单--><ul class="treeview-menu">@for （int k = 0; k < mSList.Count; k++） //三级菜单的循环{if （！String.IsNullOrEmpty（mSList[k].RoteURL））{<li><a href="@Url.Content（mSList[k].RoteURL）?cid=@mSList[k].ModuleId" data-id="@mSList[k].ModuleId"><i class="fa fa-circle-o"></i>@mSList[k].ModuleName</a></li><！--三级菜单-->i++;}else{<li><a href="javascript:void（0）" data-id="@mSList[k].ModuleId"><i class="fa fa-circle-o"></i>@mSList[k].ModuleName</a></li><！--三级菜单-->i++;}}</ul></li>i++;}else//不是CRM 则进这个{if （！String.IsNullOrEmpty（mCList[j].RoteURL））{<li><a href="@Url.Content（mCList[j].RoteURL）?cid=@mCList[j].ModuleId" data-id="@mCList[j].ModuleId"><i class="fa fa-circle-o"></i>@mCList[j].ModuleName</a></li><！--二级菜单-->i++;}else{<li><a href="javascript:void（0）;" data-id="@mCList[j].ModuleId"><i class="fa fa-circle-o"></i>@mCList[j].ModuleName</a></li><！--二级菜单-->i++;}}}</ul></li>}}</ul>

$.widget.bridge（"uibutton", $.ui.button）;var _url = $.getUrlParam（"cid"）;$（".sidebar-menu li a"）.each（function （） { //保留菜单打开的状态var _id = $（this）.data（"id"）;if （_id == _url） {$（this）.parent（）.parent（）.show（）;}}）;$（".sidebar-menu li a"）.click（function （） {$（this）.addClass（""）;}）}）;

（function （$） {$.getUrlParam = function （name） {var reg = new RegExp（"（^|&）" + name + "=（[^&]*）（&|$）"）; //构造一个含有目标参数的正则表达式的对象var r = window.location.search.substr（1）.match（reg）; //匹配目标参数if （r ！= null） {return unescape（r[2]）; //返回参数值} else {return null;}}}）（jQuery）;

以上就是小编为大家带来的bootstrap的3级菜单样式,支持母版页保留打开状态实现方法全部内容了，希望大家多多支持脚本之家~