将当前链接设置为活动

Question

我正在使用metis menu之类的

<ul class="nav">
    <li>
        <a href="#">Choose action<span class="fa arrow"></span></a>
        <ul class="nav nav-second-level in">
           <li>
               <a href="@Url.Action("Index", "Home")"><i class="fa fa-angle-right"></i> Home</a>
           </li>
           <li>
               <a href="@Url.Action("Account", "Login")"><i class="fa fa-angle-right"></i> Login</a>
               </li>
         </ul>
    </li>
</ul>

  

点击主页操作链接时，我正在使用css类获取此链接   尽职尽责。但问题是当我点击其他链接时   登录操作此链接也用动作链接一起装饰   与主页链接。

如何将css类设置为仅当前＆＃34;已选择＆＃34;链路？

Answer 1

您可以使用以下js将当前链接设置为活动状态。

$('.nav a').each(function() {
    if (window.location.href.indexOf(this.href) > -1) {
        $(this).parent().addClass('active');
    }
});