U.Helper

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. в скрипте нет ничего гениального, но данная строчка лично мне часто была нужна.


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

  • Все права на публикуемые скрипты принадлежат их авторам!
  • Запрещается распространение скриптов без указания автора!
  • Запрещается "затирание" копирайтов!
Рейтинг: ← 9 →
Модуль: Все | 4311 просмотров | Автор: mob_dp | Добавлено: 28 Октября 2009 | Пример
6 комментариев

0
Gaara[Материал] 18:37, 02 Ноября 2009
мне кажется можно оставить просто $("a")
happy
Цитировать
E-MailСайт
0
kydapodatsya[Материал] 10:57, 03 Ноября 2009
вариант Бармалея быстрее будет, так как jQ не придется лопатить все ссылки по документу, а сразу для нужного айди wacko
Цитировать
Сайт
0
mob_dp[Материал] 22:19, 03 Ноября 2009
Ну как бы я написал именно "#menu a" чтобы класс задавался именно нужному объекту.
Мало ли сколько ссылок могут указывать на текущую страницу? Ссылка из меню категорий, к примеру.
Цитировать
Сайт
0
Infamous[Материал] 10:08, 16 Июля 2010
Если у ссылки уже есть другой класс, то он затрётся, что нежелательно. Вместо this.className = "current" лучше использовать $(this).addClass('current');
Цитировать
0
BQ[Материал] 01:05, 02 Августа 2010
Добрый день! Подскажите пожалуйста для кода вида
<a href="/1"><span>Пункт 1<\span></a>
как сделать чтобы работало? У меня некоторые пункты меню так выделены, и на них не работает wacko
Цитировать
E-Mail
0
renton88[Материал] 00:03, 01 Сентября 2014
У меня вообще не пашет. Jquery тут нужен?
Цитировать
E-MailСайт
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

© U.Helper 2007-2024 Используются технологии uCoz