MVC4如何在视图处于活动状态时将li类设置为活动状态

时间:2013-02-09 11:39:25

标签: asp.net-mvc-4

大家好我所有的_layout如下

<div id="primary_nav">
    <ul>
        <li class="left active" id="nav_discussion" runat="server">
          <a title="Go to Forums" href="@Url.Action("Index", "Home")">Forums</a>
       </li>
       <li class="left" id="nav_members" runat="server">
          <atitle="Go to Member List" href="@Url.Action("Members", "Home")">Members</a>
       </li>
    </ul>
</div>

我用作layout or master page用于我创建的每个视图,现在我需要的是当我移动到...Home/Members时我想将“成员”标签设置为活动状态,如

enter image description here

2 个答案:

答案 0 :(得分:5)

我建议你为此编写一个自定义助手。我已经举例说明了如何在此实现:https://stackoverflow.com/a/6323032/29407

您当然可以在_Layout中编写一些意大利面条代码(正如您已经开始的那样)并使用RouteData测试当前控制器和操作并测试它是否等于指定值并应用一些自定义CSS类来使其成为< EM>活性。我不想展示一个例子,因为我认为这是非常糟糕的做法。将菜单项封装在可重用的帮助器中就是我要做的。

答案 1 :(得分:-2)

我建议你点击成员使用Jquery从表单中删除类“left active”并将其添加到Members ..这将是一个简单的解决方案!