在MVC中，网页head中页面主菜单间切换时，给当前菜单项添加样式

在Head部，添加如下代码:

html代码

<ul class="nav navbar-nav" id="topmenu">
                <li><a href="/Home/Index">首页 <span class="sr-only">(current)</span></a></li>
                <li><a href="/Home/MyLeave">我要申请</a></li>
                <li><a href="/User/MyReporting">我的待批</a></li>
                <li><a href="/User/MyList">我的记录</a></li>
            </ul>

取URL地址：

@{
    string requestUrl = Request.Url.ToString()
}

 

js

    <script>
        var requestUrl = '@requestUrl';
        if (requestUrl == ""){
            requestUrl = "home";
        }
        $(".navBar li>a").each(function (i, v) {
            $this = $(this);
            if (requestUrl.indexOf($this.attr("href"))>0) {
                $this.parent("li").addClass("active");
            }
        });
    </script>