Estou tentando fazer um modelo dinâmico. Eu tenho links na barra lateral e quero carregar o conteúdo dinamicamente com .load () no jQuery.

Eu tenho o seguinte código jQuery para isso:

// 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;
 });

Basicamente, funciona muito bem, exceto nos IEs.

O problema ocorre quando clico no link que foi carregado primeiro sem o AJAX. Você pode ver um exemploaqui. Quando você clica em "Perfil / visão" na barra lateral, ele carrega o site inteiro na div #content novamente. Isso acontece apenas no IEs, em TODAS as versões. Em outros navegadores, ele funciona normalmente.

Alguma idéia de qual pode ser o problema?

Obrigado.