<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" не сохраняется!
Что делать???
Нужно чтоб пункт меню соответствовал текущей странице!

[exec]

$('ul.categories a').each(function () {
if (this.href == location.href) $(this).parent().addClass('active');
});

[micscr]

дело в том что при переходе по ссылке идет перезагрузка страницы и весь этот код по барабану.

[renelon]

Не работает

Мож кто сталкивался? Как реализовать такую идею?

[micscr]

Во первых.
<li><a href="#">Games</a></li>
href по сути не указан. Зачем там внутри ссылка? Если чтобы видимость ссылки создать то этого можно добиться и без <a> и ваш код renelon будет работать.

Если все таки ссылка нужна, просто не указана вами, и выглядит как то так:
<li><a href="#games">Games</a></li>
при нажатии на нее страница перезагрузится и нужно в
$(document).ready(function(){
// сюда
});
вписать код как подсказал exec. Только я не уверен что он полностью рабочий - сами уже проверьте что там в разных браузерах возвращает location.href - вхождение подстроки надо проверять.

[e1f]

а еще лучше location.hash

[renelon]

попробую!!! потом отпишусь заранее спасибо

[renelon]

Ура!!! Получилось!!! А чем отличается location.hash от location.href ???

[e1f]

http://javascript.ru/window.location

[renelon]