Добавление класса к активной ссылке
Здравствуйте,
помогите пожалуйста в следующем: добавить класс "active" ссылке, учитывая, совпадения ссылки a href и адреса url данный скрипт не работает <script type="text/javascript"> jQuery(document).ready (function () { var active_url=location.href; if (active_url.split ('/')[3]!=0) { jQuery.each (jQuery("a[href*=/"+active_url.split('/')[3]+"]"), function (){jQuery(this).addClass ('active123');}); } }); </script> |
joylord,
кавычки потеряли в 5 строке |
спасибо
|
Всем привет! Не стал в тысячный раз создавать тему про активные пункты в меню, поэтому размещу свой вопрос здесь. Пересмотрел все варианты в гугле и на этом сайте, но они не помогли мне (не отрицаю свою криворукость).
Есть меню вида: <ul id="menu"> <li><a href="/page1/">kategori</a></li> <li><a href="/page2/">kategori2</a></li> </ul> Как с помощью js подсветить пункт меню не только, когда находишься в конкретной категории /page1/ как здесь: $(function () { $('#menu a').each(function () { var location = window.location.href; var link = this.href; if(location == link) { $(this).addClass('activ'); } }); }); но и на страницы поста, который лежит в категории /page1/post.html? |
$(function() { $('#menu a').each(function() { if(location.pathname.indexOf($(this).attr('href'))-1) $(this).addClass('activ'); }); }); P.S.: не проверял, но должно работать. |
Ruslan_xDD,
Данный скрипт подсвечивает все пункты меню сразу, а хотелось бы конкретно тот в котором находишься) |
Решений мой проблемы найдено! Пример, может кому то понадобится:
<script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); </script> |
Часовой пояс GMT +3, время: 01:10. |