Добрый день!
Столкнулся с такой проблемой, имеется простенькое меню типа:
<a href="#"><span id="portfolio-tags">Ванная</span>
<a href="#"><span id="portfolio-tags">Кухня</span>
<a href="#"><span id="portfolio-tags">Спальня</span>
<a href="#"><span id="portfolio-tags">Гостиная</span>
Необходимо было выделать активную ссылку, то есть ту категорию на который мы сейчас находимся, решение было таким:
<script>
$(function() {
var urlNow = window.location.href;
$('a[href="'+urlNow+'"]').addClass('active');
});
</script>
Все работает, но столкнулся с другой проблемой, на страницах типа "Ванная" и т.д., имеется внутренняя пагинация вида: (страница: 1, 2, 3). При переходе на какую-то из них, естественно класс active в верхнем меню пропадает. Страница с пагинацией имеет вид
http://site.ru/kuxnya-2,
http://site.ru/kuxnya-3 и т.д., где "-2" или "-3" соответствует номеру страницы пагинации.
Вопрос, как сделать так, что класс active не исчезал у категории при переходе на какую-либо страницу пагинации???
Я новичок и самостоятельных знаний не хватает, была мысль перед поиском у ссылки удалять остаток типа -1,-2,-3 отвечающий за номер пагинации и только после этого производить поиск ссылки для добавления класса active но не знаю как это реализовать.((
Буду рад любой помощи или предложениям, спасибо!