Почему убирается выделение активного пункта навигации при переходе на след страницу в пагинаторе?

Question

[krop6]

Для меню

<div id="main-nav">
<ul>
<li><a href="/index1">1</a></li>
<li><a href="/index2">2</a></li>
<li><a href="/index3">3</a></li>
<li><a href="/index4">4</a></li>
</ul>
</div>

Я задаю следующее:

$(function() {
var url=document.location.href;
$.each($('#main-nav a'),function(){
if(this.href==url){$(this).addClass('active');};
});
});

На этих страницах стоит php пагинатор, страницы вида index1.php?str=$1, в htaccess переделывает их в index1-1( на всякий случай - мб в этом проблема?)

Выделение работает на первой странице раздела(/index1, index2), но как только переходишь на след. страницу(index1-1, index 1-2) - выделение убирается

Answer 1

[# a r t u r #]

Потому что это условие не срабатывает:

if (this.href == url)

т.к. url имеет вид сайт/index1-1, а href == /index1

Comments

[krop6]

ааа, точно, спасибо. А в таком случае как реализовать, чтобы активным пункт оставвался при переходе на след. страницу?

[# a r t u r #]

krop6: возможно поможет dimation.ru/jquery/499-get-url-parameters-and-valu...

Answer 2

[Антон Шаманов]

Псевдокласс :active определяет стиль для активной ссылки. Активной ссылка становится при нажатии на нее.

Comments

[Alex]

А при чём здесь псевдокласс `:active`?