我有一个bootstrap导航栏和一些jQuery,但我不确定它为什么不能正常工作。
目前我只能突出显示我的NEW和ACTIVE链接,其他链接永远不会突出显示。 有人可以帮忙吗?
这是脚本:
$(document).ready(function () {
$('li').each(function () {
$(this).removeClass('active');
});
$('ul.nav.navbar-nav').find('a[href="' + location.pathname +'"]').closest('li').addClass('active');
});
Tha navbar:
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>@Html.ActionLink("NEW", "Create", "Todoes")</li>
<li class="active">@Html.ActionLink("ALL", "Index", "Todoes")</li>
<li>@Html.ActionLink("ACTIVE", "Active", "Todoes")</li>
<li>@Html.ActionLink("COMPLETED", "Completed", "Todoes")</li>
</ul>
</div>