Как подсветить активный пункт меню? Нужно добавить к li класс active.
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><?=anchor('', 'Dashboard');?></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Social feed <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Twitter</a></li>
<li><a href="#">Vk</a></li>
<li><a href="#">FB</a></li>
<li><a href="#">Instagram</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Users <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><?=anchor('users_admin', 'Admin panel');?></li>
<li><?=anchor('users_api', 'Application');?></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Hello, <?=$this->session->userdata('login');?> <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><?=anchor('users_api', 'Profile');?></li>
<li><?=anchor('logout', 'Logout');?></li>
</ul>
</li>
</ul>
</div>
Делаю так.
<script type="text/javascript">
$(document).ready(function(){
var link = window.location.pathname;
$('.nav li a[href="'+link+'"]').parents('li').addClass('active');
});
</script>
Не работает. Подскажите, как исправить. Буду благодарен.
