Problema jQuery .load () en todas las versiones de IE
Estoy tratando de hacer una plantilla dinámica. Tengo enlaces en la barra lateral y quiero cargar el contenido dinámicamente con .load () en jQuery.
Tengo el siguiente código jQuery para eso:
// 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;
});
Básicamente funciona muy bien, excepto en IE.
El problema ocurre cuando hago clic en el enlace que se cargó primero sin AJAX. Puedes ver un ejemploaquí. Cuando haces clic en "Perfil / visión" en la barra lateral, cargará todo el sitio en el #content div nuevamente. Ocurre solo en IE, en TODAS las versiones. En otros navegadores funciona normalmente.
¿Alguna idea de cuál puede ser el problema?
Gracias.