Всем доброго дня!
Облазил весь гугл, не могу допетрить, как с помощью jquery активировать текущую строку менюшки.
Менюшка выглядит так:
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<ul class="nav">
<li><a href="/index.php?ukey=auxpage_service">Сервис</a></li>
<li><a href="/index.php?ukey=news">Акции</a></li>
<li><a href="/index.php?ukey=auxpage_articles">Статьи</a></li>
<li><a href="/index.php?ukey=auxpage_foto"> Фотогалерея </a></li>
<li><a href="/index.php?ukey=response">Вопрос-Ответ</a></li>
<li><a href="/index.php?ukey=auxpage_contact">Контакты</a></li>
<li><a href="/index.php?ukey=auxpage_about">О Компании</a></li>
</ul>
</div>
</div>
</div>
Полагаю надо выдернуть из браузера концовку адреса из массива
location.href сравнить его с
.nav li a[href=] и применить к
li класс "active".
Помогите с кодом.
Пытался:
$(document).ready(function() {
var now_url=location.href;
if (now_url.split('/')[1]!=0) {
$.each($(".nav li a[href*=/"+now_url.split('/')[1]+"]"),
function(){$(".nav li").addClass('active');});
}
});{/literal}