Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Добавление класса к активной ссылке (https://javascript.ru/forum/dom-window/39812-dobavlenie-klassa-k-aktivnojj-ssylke.html)

joylord 13.07.2013 00:30

Добавление класса к активной ссылке
 
Здравствуйте,
помогите пожалуйста в следующем:
добавить класс "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>

рони 13.07.2013 01:09

joylord,
кавычки потеряли в 5 строке

joylord 30.07.2013 19:04

спасибо

SmallBull 27.09.2013 17:58

Всем привет! Не стал в тысячный раз создавать тему про активные пункты в меню, поэтому размещу свой вопрос здесь. Пересмотрел все варианты в гугле и на этом сайте, но они не помогли мне (не отрицаю свою криворукость).
Есть меню вида:
<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?

ruslan_mart 27.09.2013 18:27

$(function() {
   $('#menu a').each(function() {
      if(location.pathname.indexOf($(this).attr('href'))-1) $(this).addClass('activ');
   });
});


P.S.: не проверял, но должно работать.

SmallBull 27.09.2013 18:32

Ruslan_xDD,
Данный скрипт подсвечивает все пункты меню сразу, а хотелось бы конкретно тот в котором находишься)

SmallBull 28.09.2013 18:17

Решений мой проблемы найдено! Пример, может кому то понадобится:

<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.