Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.07.2013, 00:30
Интересующийся
Отправить личное сообщение для joylord Посмотреть профиль Найти все сообщения от joylord
 
Регистрация: 02.03.2012
Сообщений: 15

Добавление класса к активной ссылке
Здравствуйте,
помогите пожалуйста в следующем:
добавить класс "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>
Ответить с цитированием
  #2 (permalink)  
Старый 13.07.2013, 01:09
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

joylord,
кавычки потеряли в 5 строке
Ответить с цитированием
  #3 (permalink)  
Старый 30.07.2013, 19:04
Интересующийся
Отправить личное сообщение для joylord Посмотреть профиль Найти все сообщения от joylord
 
Регистрация: 02.03.2012
Сообщений: 15

спасибо
Ответить с цитированием
  #4 (permalink)  
Старый 27.09.2013, 17:58
Новичок на форуме
Отправить личное сообщение для SmallBull Посмотреть профиль Найти все сообщения от SmallBull
 
Регистрация: 27.09.2013
Сообщений: 3

Всем привет! Не стал в тысячный раз создавать тему про активные пункты в меню, поэтому размещу свой вопрос здесь. Пересмотрел все варианты в гугле и на этом сайте, но они не помогли мне (не отрицаю свою криворукость).
Есть меню вида:
<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?
Ответить с цитированием
  #5 (permalink)  
Старый 27.09.2013, 18:27
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 3,018

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


P.S.: не проверял, но должно работать.
Ответить с цитированием
  #6 (permalink)  
Старый 27.09.2013, 18:32
Новичок на форуме
Отправить личное сообщение для SmallBull Посмотреть профиль Найти все сообщения от SmallBull
 
Регистрация: 27.09.2013
Сообщений: 3

Ruslan_xDD,
Данный скрипт подсвечивает все пункты меню сразу, а хотелось бы конкретно тот в котором находишься)
Ответить с цитированием
  #7 (permalink)  
Старый 28.09.2013, 18:17
Новичок на форуме
Отправить личное сообщение для SmallBull Посмотреть профиль Найти все сообщения от SmallBull
 
Регистрация: 27.09.2013
Сообщений: 3

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

<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>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Добавление класса родителю Сергей123 Элементы интерфейса 1 10.04.2013 13:24
Использование классов в JavaScript devote Ваши сайты и скрипты 70 01.02.2013 17:17
Добавление класса NeoMurderer jQuery 7 25.08.2011 20:30
Добавление класса или id к ссылке. Простой вопрос: Как? Mrjoey Элементы интерфейса 1 18.05.2011 16:42
Добавление класса на елемент по id при фокусе на input Andrew_tl Events/DOM/Window 1 18.02.2010 19:09