Как выделить активный пункт в меню на jQuery

Недавно понадобилось выделять активный пункт в меню, а вот выставить активный клас средствами движка возможности не было. Причем необходимо было выделять пункт меню даже если открыта дочерняя страница.
Для этого был написан скриптик на jQuery:

$(document).ready(function() {var now_url=location.href; //получаем урл текущей страницыif (now_url.split('/')[3]!=0) { // проверяем, есть ли что-то после 3 слеша в урле, если есть - идем дальше$.each($("a[href*=/"+now_url.split('/')[3]+"]"), // для каждой ссылки, в которой есть слово после третьего слешаfunction(){$(this).addClass('now');}); // добавляем класс now}});

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники
Опубликовать в Яндекс
This entry was posted in Старые посты and tagged . Bookmark the permalink.

9 Responses to Как выделить активный пункт в меню на jQuery

  1. DPolyakov says:

    Для уточнения в 4 строке перед a[href… можно поставить класс или id родительского элемента

  2. Аноним says:

    а можно поподробнее???
    не пойму почему не работает, у меня вложенность домен/html/page.html

  3. Аноним says:

    Применил ваш скрипт, перед а добавил id
    не работает. даже не могу понять почему
    меню не имеет вложенности

  4. Аноним says:

    Куда это вставлять?

  5. Аноним says:

    Ну так ведь сам класс (.now) тоже необходимо создать ! Что тут удивлятся, что не работает …

  6. Аноним says:

    Дружище!!! Спасибо !! пипец как выручил

  7. Стас says:

    Спасибо, всё работает!

  8. DPolyakov says:

    вы ссылку на page.html хотите подсветить?

  9. DPolyakov says:

    добавили как?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>