Ich versuche eine dynamische Vorlage zu erstellen. Ich habe Links in der Seitenleiste und möchte den Inhalt dynamisch mit .load () in jQuery laden.

Ich habe den folgenden jQuery-Code dafür:

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

rundsätzlich funktioniert es großartig, außer in IE

Das Problem tritt auf, wenn ich auf den Link klicke, der zuerst ohne AJAX geladen wurde. Sie können ein Beispiel sehenHie. Wenn Sie in der Seitenleiste auf "Profil / Vision" klicken, wird die gesamte Site erneut in das #content div geladen. Es kommt nur in IEs in ALLEN Versionen vor. In anderen Browsern funktioniert es normal.

Ideen, was kann das Problem sein?

Vielen Dank