Я пытаюсь сделать динамический шаблон. У меня есть ссылки на боковой панели, и я хочу динамически загружать содержимое с помощью .load () в jQuery.

У меня есть следующий код JQuery для этого:

// Services AJAX page loader
 jQuery('.sidenav a').click(function(){
  $page_url = jQuery(this).attr('href');

  // load page
  jQuery('#content').fadeOut(200, function() {
   jQuery(this).load($page_url, function(response, status, xhr) {
    jQuery(this).fadeIn(200);
   });
  });

  // set pagetitle
  jQuery('.pagetitle span').text(jQuery(this).contents().first().text());

  // change CSS current_page_item
  jQuery('.sidenav li').removeClass('current_page_item');
  jQuery(this).parent().addClass('current_page_item');

  return false;
 });

В основном это прекрасно работает, кроме как в IE.

Проблема возникает, когда я нажимаю на ссылку, которая была впервые загружена без AJAX. Вы можете увидеть примерВот, Если вы нажмете «Профиль / видение» на боковой панели, он снова загрузит весь сайт в #content div. Это происходит только в IE, во всех версиях. В других браузерах работает нормально.

Есть идеи, в чем может быть проблема?

Спасибо.