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

<li class="active">


renelon

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

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

<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>

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

Архивировано

Эта тема находится в архиве и закрыта для публикации сообщений.

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