"подсветить нынешнюю страницу в меню" и ajax
На данный момент подсветка нынешней страницы в меню действует следующим образом.
<ul class="nav"> <li><a href="http://www.site.com.ua/item1.html" class="current">item1</a></li> <li><a href="http://www.site.com.ua/item2.html">item2</a></li> <li><a href="http://www.site.com.ua/item3.html">item3</a></li> </ul> ul.nav a.current { background: #abc; color: #123; } В сайт встроена ajax составляющая, потому меню в нижепредставленном виде позволит значительно ускорить получение контента. Подскажите, пожалуйста, как в таком случае реализовать подсветку нынешнего пункта меню, если страница по сути остается та же, а не перезагружается на другую? <ul class="nav"> <li><a href="#blabla:category=00001&mode=category&blabla">item1</a></li> <li><a href="#blabla:category=00002&mode=category&blabla">item2</a></li> <li><a href="#blabla:category=00003&mode=category&blabla">item3</a></li> </ul> |
Найти функцию, в которой подгружается страница и в ней написать:
current_a.className = ""; // убираем класс у больше не активной ссылки this.className = "current"; current_a = this; В переменной this будет находиться как раз ссылка, по которой кликнули (если используется jquery, то использовать функции jquery addClass и removeClass) |
Часовой пояс GMT +3, время: 00:03. |