Необновляемый блок div

[ZeroxNeron]

Добрый день!
Появилась такая задача: есть сайт. Надо, чтобы при переходах на другие страницы, один блок <div> (содержится на всех страницах) не обновлялся. Там будет Flash-проигрыватель (музыка). Я уже видел подобную вещь на "вконтакте.ру". Там сейчас плеер и чат не меняет своего положения. Т.к. с jQuery почти незнаком обращаюсь к вам.
Сделал так

jQuery(function($){
         $('a').attr('onclick','return false;').click(function(){
             var href = $(this).attr('href');
             $('.wrapper').load(href+' .content', function(){
                 history.pushState(null, null, href);
             });
         });
     });

Первый раз переходит - вроде все нормально (за исключением отображения комментариев вконтакте, они появляются только после перезагрузки страницы)
При последующем переходе по ссылке идет обновление страницы.
Подскажите где неправильно.
Если будет важно: сайт написан на Smarty. На каждой странице ничего не изменяется (загружается из файла) все кроме <div id="body"> (содержимое определяется файлом index.php перед выдачей результата по $_GET['act'].
Посмотреть результат можно здесь
Спасибо!

[B@rmaley.e><e]

Вы назначаете обработчики события на ссылки только один раз. Соответственно, после того, как будет загружена другая страничка, на страницу будут добавлены новые ссылки, обработчик клика для которых Вы не установили.
Поэтому нужно либо заново устанавливать обработчик событий для ссылок, либо (что правильнее) использовать немного другой подход, предоставляемый методом $.live.

P.S.

.attr('onclick','return false;')

Не надо так писать, просто возвращайте false в обработчике.

[Pavel M.]

предоставляемый методом $.live.

лучше вместо .live использовать другие методы .on или .delegate

.live устаревший метод, могут скоро исключить

[ZeroxNeron]

Вы назначаете обработчики события на ссылки только один раз. Соответственно, после того, как будет загружена другая страничка, на страницу будут добавлены новые ссылки, обработчик клика для которых Вы не установили.
Поэтому нужно либо заново устанавливать обработчик событий для ссылок, либо (что правильнее) использовать немного другой подход, предоставляемый методом $.live.

P.S. Не надо так писать, просто возвращайте false в обработчике.

Честно говоря код взял из урока. А на счет методов вообще не в курсе. С JavaScript, а уж тем более с jQuery никогда не работал и поэтому все "методы" которые вы сейчас мне рассказывали мне чужды
Покажите, пожалуйста (с комментариями) как использовать эти команды в моем случае. Буду очень благодарен! Спасибо!

[denisOgr]

.delegate(селектор, событие, функция) это событие привызывает функцию, всем селектором, с которыми произошло событие. Даже с новыми, что и нужно Вам.

Простой пример:

$("body").delegate("p", "click", function(){
      $(this).after("<p>Another paragraph!</p>");
    });

При клике на <p> будет появляться новый параграф. И эта функция будет работать даже с "новоиспеченными" параграфами.

Подробнее через поисковик.

[ZeroxNeron]

<script type="text/javascript">
jQuery(function($){
	$("body").delegate("a", "click", function(){
		var href = $(this).attr('href');
		$('.wrapper').load(href+' .content', function(){
			history.pushState(null, null, href);
		});
	});
});

</script>

Сделал так. Всегда грузит страницу заново...
Ребят, ну подскажите как правильно сделать, плз. Сроки уже поджимают:С

[ZeroxNeron]

UP

[devote]

jQuery(function($){
    $("body").delegate("a", "click", function(){
        var href = $(this).attr('href');
        $('.wrapper').load(href+' .content', function(){
            history.pushState(null, null, href);
        });
        return false;
    });
});

[ZeroxNeron]

jQuery(function($){
    $("body").delegate("a", "click", function(){
        var href = $(this).attr('href');
        $('.wrapper').load(href+' .content', function(){
            history.pushState(null, null, href);
        });
        return false;
    });
});

Спасибо большое!
теперь грузится все, кроме картинки :с

[ZeroxNeron]

а сейчас не показываются комментарии ВКонтакте -.-
а еще нужно, чтобы <head> обновлялся :с