Сделать класс активным для всех путей URL

[eXTrEMe888]

Доброго времени суток, форумчане!
Собственно, столкнулся вот с такой задачей: на сайте есть меню, нужно для активного текущего пункта меню (для его подсветки) каждый раз устанавливать class="active". Эту проблему решил вот так:

jQuery(document).ready(function() {
    $('#navigation-main a[href="'+ location.pathname + '"]').addClass('active');
});

Тут все работает. Однако, вопрос вот в чем: если я, к примеру, перехожу в пункт меню "Новости" по адресу: http://example.com/news, то пункт меню подсвечивается и class="active" устанавливается без проблем, а что если я смотрю какую-то новость данного раздела с адресом: http://example.com/news/some-news - то в таком случае ссылка уже не подсвечивается. Выход - использование регулярки, или что посоветуете?

Заранее большое спасибо!

[WorM32]

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

[ksa]

по адресу: http://example.com/news, то пункт меню подсвечивается и class="active" устанавливается без проблем, а что если я смотрю какую-то новость данного раздела с адресом: http://example.com/news/some-news - то в таком случае ссылка уже не подсвечивается

Измени селектор...
http://jquery-docs.ru/Selectors/attr...attributevalue

[ksa]

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

Не факт, что у ТСа вообще есть генерация...

[eXTrEMe888]

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

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

Измени селектор...
http://jquery-docs.ru/Selectors/attr...attributevalue

изменить на вот такой? (применить class="active" всем ссылкам, начинающимся с данной?):

jQuery(document).ready(function() {
    $('#navigation-main a[href^="'+ location.pathname + '"]').addClass('active');
});

пробовал - по-прежнему, безрезультатно...

[WorM32]

eXTrEMe888,
В данном случае, по хорошему, сервер должен определить текущий раздел сайта и ставить класс нужному элементу. Как минимум это поможет избежать "моргания" элемента, в следствие отложенной установки класса.

[eXTrEMe888]

Вы правы. На данный момент как раз-таки пункт меню выделяется "с опозданием", не так как хотелось бы (чтобы до/при загрузке страницы). А как и какими средствами лучше это сделать, не подскажете? Буду благодарен за помощь.

[ksa]

jQuery(document).ready(function() {
    $('#navigation-main a[href^="'+ location.pathname + '"]').addClass('active');
});

Тебе нужна только некая часть из location.pathname, неужели это не понятно из твоего же примера выше... Там есть только некая общая часть.

[eXTrEMe888]

Тебе нужна только некая часть из location.pathname, неужели это не понятно из твоего же примера выше... Там есть только некая общая часть.

если честно - не совсем понял о чем ты. Да, само собой что правило class="active" должно распространяться не только на ссылки меню (они статичны), но и на ссылки, адрес которых начинается с этих самых ссылок меню. То, что ты процитировал - у меня все равно не работает. Вот я и пытаюсь выяснить, как лучше это сделать. Товарищ WorM32 посоветовал делать такие дела на сервере - опять же, как?))

[ksa]

Товарищ WorM32 посоветовал делать такие дела на сервере

Это самый лучший способ.