我在我的网站上使用Bootstrap,我无法添加' active'当我在该页面浏览时,第一个导航的类,仅第一个导航(仪表板)有这样的问题,导航的其余部分正常工作。
菜单:
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav side-nav" id="side-nav">
<li>
<a href="<?php echo baseurl ?>/cp/dashboard"><i class="fa fa-fw fa-dashboard"></i> Dashboard</a>
</li>
<li>
<a href="<?php echo baseurl ?>/cp/agent-management"><i class="fa fa-fw fa-bar-chart-o"></i> Agent Management</a>
</li>
<li>
<a href="<?php echo baseurl ?>/cp/property-management"><i class="fa fa-fw fa-table"></i> Property Management</a>
</li>
<li>
<a href="./getout"><i class="fa fa-fw fa-power-off"></i> Sign Out</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
Jquery的:
//highlight nav menu
$("#side-nav li a").each(function(index) {
if($.trim(this.href) == window.location) {
$(this).closest('li').addClass("active");
}
});