Подсветка активного пункта меню на jQuery

Довольно часто встаёт проблема подсветки активного пункта в меню.

Проблема решается одной строчкой кода)

HTML:

<ul class="navigation">     <li><a href="/">Далеко-далеко за словесными.</a></li>     <li><a href="/news/">Обеспечивает, текста, о.</a></li>     <li><a href="/111/">Подзаголовок, они там!</a></li>     <li><a href="/222/">Вершину, моей, алфавит.</a></li>     <li><a href="/333/">Злых, предложения, по всей.</a></li> </ul>

jQuery:

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

Теперь при переходе к примеру на страницу /news/ к соответствующей ссылке будет добавлен класс active

Пожаловаться Подписаться
3 ответа
buxodw

peredalal dizain vso norm dabavil Custom kategoriu vso bila narmalna  a patom astalnie 2 Custom kategorii katorie bili na saite vdrug ishezli ia dumaiu pamoimo dela  v css faile kak mog tak isheznut vobshem kto mozhet pamoch mne atpishites pajalusta


Предупреждение: в следующий раз пишите на русском языке(если нет русской клавиатуры, используйте виртуальную клавиатуру)

buxodw

nemagu nekak topic atkrit napisal zdes karoche peredalal dizain vso norm dabavil Custom kategoriu vso bila narmalna a patom astalnie 2 Custom kategorii katorie bili na saite vdrug ishezli ia dumaiu pamoimo dela v css faile kak mog tak isheznut vobshem kto mozhet pamoch mne atpishites pajalusta vot etix custom tega ishezli vdrug na maine yest

vot katorix bolshe ne pakazivait sait

<div class="x4title">ტოპ ფილმი</div>  {custom category="1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,36," template="custom-2" aviable="global" from="0" limit="5" cache="no" order="rating"}  </div>    <div class="vblock">  <div class="x4title">ტოპ სერიალი <a href="/serials" >ყველას ნახვა</a></div>  {custom category="35," template="custom-3" aviable="global" from="0" limit="5" cache="no" order="date"}  </div>    <div class="vblock">  <div class="x4title">ტოპ ანიმაციური <a href="/animaciuri" >ყველას ნახვა</a></div>  {custom category="18," template="custom-3" aviable="global" from="0" limit="5" cache="no" order="date"}  </div>

Предупреждение последнее: в следующий раз за использование транслита получите бан

hvarts

Ссылку на сайт можно?

авторизуйтесь чтобы ответить