Перейти к публикации

Рекомендованные сообщения

Есть простой список:

<ul class="categories">

<li><a href="#">Games</a></li>

<li><a href="#">Books</a></li>

<li><a href="#">Music</a></li>

<li><a href="#">News</a></li>

</ul>

Как сделать так, что бы при нажатии на категорию выводился/присваивался class="active" (<li class="active">).

Какой ява код должен быть?

HELP!

Ссылка на сообщение
Поделиться на других сайтах

Люди! Где Вы!

Есть к этому скрипт:

<script type="text/javascript">

$(document).ready(function() {

//Событие по клику

$("ul.categories li").click(function() {

$("ul.categories li").removeClass("active"); //Удаление любого "active" класса

$(this).addClass("active"); //Добавление "active" класса на категорию

});

});

</script>

Но при переходе на нужную ссылку категории, класс "active" не сохраняется!

Что делать??? :(

Ссылка на сообщение
Поделиться на других сайтах

Тема закрыта! Нашел решение :rolleyes:

<script type="text/javascript">

$(document).ready(function() {

$('ul.categories a').each(function () {

if (this.href == location.href) $(this).parent().addClass('active');

});

//Событие по клику

$("ul.categories li").click(function() {

$("ul.categories li").removeClass("active"); //Удаление любого "active" класса

$(this).addClass("active"); //Добавление "active" класса на категорию

});

});

</script>

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...