相关疑难解决方法(0)

ASP.NET MVC:Masterpage:如何在活动菜单项上设置css类

我的主页中有以下菜单:

<ul id="menu" class="lavaLampBottomStyle">
    <li>
        <%= Html.ActionLink("Employees", "Index", "Employees")%></li>
    <li>
        <%= Html.ActionLink("Customer", "Details", "Account")%></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我需要一种方法将当前活动li的css类设置为"current".

我的第一个猜测是在javascript的帮助下做到这一点.

我会在主页中包含这样的内容:

  $("#menu li a").each(){
    if($(this).attr("href") == '<%= *GET CURRENT PAGE* %>'){
       $(this).parent("li").addClass("current");
    }
  }
Run Code Online (Sandbox Code Playgroud)

这是一个好方法吗?

如果是,我如何获得当前的URL部分,如在href中?

如果不是,你的建议是什么?:-)

仅供参考,我之后生成的html:

<ul id="menu" class="lavaLampBottomStyle">
    <li>
        <a href="/KszEmployees/Index">Employees</a></li>
    <li>
        <a class="current" href="/">Customer</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

javascript asp.net-mvc

13
推荐指数
3
解决办法
2万
查看次数

标签 统计

asp.net-mvc ×1

javascript ×1