[jquery] переход по ссылкам только с заменой <div>

Тема в разделе "JavaScript", создана пользователем Zerox, 28 дек 2011.

Модераторы: ZiX
  1. Zerox

    Zerox Писатель

    Регистр.:
    26 ноя 2011
    Сообщения:
    1
    Симпатии:
    0
    Добрый день! Появилась потребность в создании такого сайта, в котором переход по страницам будет только лишь заменой главного <div> таким же <div> с другой страницы. (Точнее требуется убрать перезагрузку <div> с флеш-элементом. Подошли к этой проблеме именно так). Так вот, имею код:
    Код:
    jQuery(function($){
        $("body").delegate("a", "click", function(){   
            var href = $(this).attr('href');
            $('head').load(href+' .head');
            $('.wrapper').load(href+' .content', function(){
                history.pushState(null, null, href);     
            });
            return false;
        });
     
    });
    Этот код обновляет два тега - <div class="wrapper"> на <div class="content"> со страницы, на которую перехожу. + тег <head> на тег <div class="head"> (умнее ничего не придумал).
    Появилась следующая проблема:
    Виджеты "Вконтакте.ру", такие как "комментарии" и виджет группы вконтакте, просто не показываются. Считаю, что это происходит из-за некорректного кода (<div id="vk_groups"></div>). При замене этого кода на такой же iframe все работает, НО! Вконтакте через JS передает уникальные данные моей страницы и т.д. серверу и принимает этот код <iframe>, а сам я никак не смогу распарсить.
    + Появилась потребность в плавной смене содержимого <div class="wrapper"></div> к примеру обычного перемещения вбок или затемнения, высветления. Т.к. я с jquery вовсе не знаком, потыкавшись, испробовав все методы, на что я способен, я обращаюсь к вам. Жду от вас поддержки и помощи. Спасибо!