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

razor视图的，母版页

依旧不多说，直接上代码

   @for (int i = 0; i < mList.Count; i++)
   {
     if (mList[i].FatherID == 0)
     {
mCList = GetChild(mList[i].ModuleId, mList);
     
@mList[i].ModuleName

  @for (int j = 0; j < mCList.Count; j++)   //二级的循环
  {
    if (mCList[j].FatherID == 41)  //如果是CRM 则进这个循环
    {
      mSList = GetChild(mCList[j].ModuleId, mList);  
    
@mCList[j].ModuleName
      

 @for (int k = 0; k < mSList.Count; k++) //三级菜单的循环
 {
   if (!String.IsNullOrEmpty(mSList[k].RoteURL))
   {
   
@mSList[k].ModuleName
   
     i++;
   }
   else
   {
   
@mSList[k].ModuleName
   
     i++;
   }
 }
      
    
 i++;
    }
    else  //不是CRM 则进这个
    {
      if (!String.IsNullOrEmpty(mCList[j].RoteURL))
      {
    
@mCList[j].ModuleName
    
 i++;
      }
      else
      {
    
@mCList[j].ModuleName
    
 i++;
      }
    }
  }

     
     }
   }
 

重点来了

$.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级菜单样式,支持母版页保留打开状态实现方法全部内容了，希望大家多多支持考高分网~