Выделение активного пункта меню при ajax запросе

[faecker]

Проблема.
Страница состоит из двух частей, левой и правой.
При первоначальной загрузке страницы в левую выгружается основное меню из бд:
Пункт1 a href="#?$number1"
Пункт2 a href="#?$number2"
Пункт3 a href="#?$number3"

По этим ссылкам в правую часть страницы подгружается соответствующий контент ajax get запросом. Все работает быстро и хорошо, без перезагрузки страницы.

Но когда решил подсветить соответствующие пункты меню в зависимости от загруженного контента - ничего не получается.
Для выделения пунктов меню использую классический код:
$(function(){
$('.a').each(function()
{
var location = window.location.href;
var link = this.href;
if (location == link)
$(this).addClass('active');
});
});

Функция работает, но странным образом, с опозданием на один шаг.
То есть кликаем на пункт меню, в адрес строке значение меняется на
site.ru/handler.php#?id=100, при этом с пунктом меню, который отвечает за id=100 ничего не происходит. Контент по ajax успешно загружается.
И теперь, если обновить страницу с адресом site.ru/handler.php#?id=100, то пункт меню наконец-то загорается нужным цветом.

Подскажите, кто разбирается.
Эта проблема вообще решаемая? Или при использовании ajax загрузки выделение пунктов меню в принципе невозможно?

[Vlasenko Fedor]

используйте кнопки для оформления кода

function activeMenu() {
    // Здесь стоит улучшикть класс для выборки
    // вместо 'a' к примеру '#menu a'
    var win_href = window.location.href;
    $('a').each(function () {
      if (win_href == this.href) {
        $(this).addClass('active');
      }
    });
}
    activeMenu();
    // после получения данных аяксом выполнить  activeMenu();

[faecker]

Я так пробовал.
У меня так: на каждом пункте меню ссылка:
<a href="#?id='.$data.' onClick="ajax('.$data.')>редактироват� �</a>

function ajax(id){
$('#div').load('php/handler.php?id='+id);
***здесь код примерно как у вас в ActiveMenu***
}

При такой конструкции тоже работает с опозданием на шаг в изменении стиля пункта меню.

Не пойму как кнопки для кода использовать. Разберусь!).

[Vlasenko Fedor]

function ajax(id){
	$('#div').load('php/handler.php?id='+id, function() {
		// Здесь выполняются действия после получения ответа
		// и нам надо
			activeMenu();
	});
};

[krasovsky]

У меня пол сайта на ajax (все достаточно унифицировано - загружаются страницы с определенном формате), так вот в загружаемом контенте есть ссыль я ищу собственно пункт меню или так соответствующий этой ссылке. Особенно актуально когда загружается страница не по клику в меню.

[faecker]

to Poznakomlus

Так, как вы написали работает. Спасибо огромное!

Но теперь другая проблема.
Пункт меню, по которому кликают, сразу получает новый стиль. Но при клике на следующий пункт первый не теряет активный стиль. Можно загрузить все пункты по очереди, они получают и сохраняют стиль 'active' и не теряют его до обновления страницы.

Как это поправить?

[faecker]

Активный пункт меню без обновления страницы.
Проблема решилась следующим кодом:

function ajax(id){
	$('#targetdiv').load('php/handler.php?id='+id, function()
		{	
			$('.class').each(function()
			{
				var location = window.location.href;	
				var link = this.href;
				if (location == link)
				{
					$('a').removeClass('active');
					$(this).addClass('active');
				}
			});
		});
}

Эта функция вешается на событие onClick всех пунктов меню.
Вроде все работает.