ajax load 兼容性,所有IE版本中的jQuery .load()问题
我正在尝试做一个动态模板.我在侧边栏中有链接,我想在jQuery中使用.load()动态加载内容.
我有以下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的链接时,就会出现问题.您可以看到示例here.当您单击侧栏中的“Profil / vision”时,它将再次在#content div中加载整个站点.它只发生在所有版本的IE中.
在其他浏览器中它正常工作.
任何想法可能是什么问题？
谢谢.
我正在尝试做一个动态模板.我在侧边栏中有链接,我想在jQuery中使用.load()动态加载内容. 我有以下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的链接时,就会出现问题.您可以看到示例here.当您单击侧栏中的“Profil / vision”时,它将再次在#content div中加载整个站点.它只发生在所有版本的IE中. 在其他浏览器中它正常工作. 任何想法可能是什么问题？ 谢谢.