的 Sample Fiddle

Question

当我点击菜单中的链接时，我希望有类似的东西。

<div class="navbar-collapse collapse">
    <ul class="nav navbar-nav">
        <li>@Html.ActionLink("Home", "Index", "Home")</li>
        <li class="active">@Html.ActionLink("About", "About", "Home")</li>
        <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
    </ul>
 </div>

当我选择其他链接时，如何拥有此活动课程？

Answer 1

虽然你没有提到使用它，但是一种解决方案是使用类似jQuery的东西在点击的项目上切换活动类，例如（仅粗略代码）：

$('li').on('click', function(){
   $('li').removeClass('active');
   $(this).toggleClass('active');
})

的 Sample Fiddle

Answer 2

要完全完成任务，您需要服务器端lang。

e.g。

<?php if ($_SERVER['REQUEST_URI'] === "your_url" ) echo 'id="active"'; ?>

是的，您可以使用JavaScript或Jquery，如果在浏览器中禁用JavaScript，这将无效！

获取以HTML格式选择的活动菜单

2 个答案:

的 Sample Fiddle