Очень простое выделение текущей ссылки - Разработки

28 Октября 2009 22:00

Главная » Разработки » Разработки для модуля "Все" » Очень простое выделение текущей ссылки

Подключаем скрипт такого вида сразу после Вашего меню или в конец страницы:

Code

$.each($("#menu a"), function(){if(this.href == location.href.split('?')[0].split('#')[0]) this.className = "current";});

Данный скрипт работает для вот кода вот такого плана:

Code

<div id="menu">
<a href="/1">Пункт 1</a>
<a href="/2">Пункт 2</a>
</div>

Выделенная ссылка будет иметь класс current.

p.s. в скрипте нет ничего гениального, но данная строчка лично мне часто была нужна.

Правила использования:

Все права на публикуемые скрипты принадлежат их авторам!
Запрещается распространение скриптов без указания автора!
Запрещается "затирание" копирайтов!

Рейтинг:

Модуль: Все | 4242 просмотра | Автор: mob_dp | Добавлено: 28 Октября 2009 | Пример

6 комментариев

Порядок вывода комментариев:

Gaara[Материал] 18:37, 02 Ноября 2009

мне кажется можно оставить просто $("a")
happy

kydapodatsya[Материал] 10:57, 03 Ноября 2009

вариант Бармалея быстрее будет, так как jQ не придется лопатить все ссылки по документу, а сразу для нужного айди wacko

mob_dp[Материал] 22:19, 03 Ноября 2009

Ну как бы я написал именно "#menu a" чтобы класс задавался именно нужному объекту.
Мало ли сколько ссылок могут указывать на текущую страницу? Ссылка из меню категорий, к примеру.

Infamous[Материал] 10:08, 16 Июля 2010

Если у ссылки уже есть другой класс, то он затрётся, что нежелательно. Вместо this.className = "current" лучше использовать $(this).addClass('current');

BQ[Материал] 01:05, 02 Августа 2010

Добрый день! Подскажите пожалуйста для кода вида
<a href="/1"><span>Пункт 1<\span></a>
как сделать чтобы работало? У меня некоторые пункты меню так выделены, и на них не работает wacko

renton88[Материал] 00:03, 01 Сентября 2014

У меня вообще не пашет. Jquery тут нужен?

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

U.Helper

Правила использования: