Я пытаюсь создать динамический шаблон. У меня есть ссылки на боковой панели, и я хочу динамически загружать контент с помощью .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. Вы можете увидеть пример здесь . Когда вы нажмете на «Профиль / видение» на боковой панели, он снова загрузит весь сайт в div #content. В других браузерах работает нормально.
Есть идеи, в чем может быть проблема?
Спасибо.