2012-12-07 35 views
0

我使用AJAX页面加载下面的代码如何提高ajax页面加载的速度?

<script type="text/javascript"> 
    jQuery('.filter-menu a').live('click', function(e) { 
     e.preventDefault(); 
     var link = jQuery(this).attr('href'); 
     jQuery('#gallery-ajax').fadeIn(200, function() { 
      jQuery('#gallery-ajax').animate({ opacity:0.1 }, 500); 
     }).load(link + ' #gallery-ajax', function(){ 
      jQuery('#gallery-ajax').fadeIn(200, function() { 
       jQuery('#gallery-ajax').animate({opacity:1}); 
      }); 
     }); 
    }); 
</script> 

这是工作正常,但用非常低的速度加载新的内容。任何人都可以告诉我如何提高加载新内容的速度,或者为我提供一些替代jQuery AJAX。

+0

@jtheman - 这会让ajax变得更快吗?它是否适用于所有人?如果是这样,我自己就可以开始! – adeneo

+0

我不明白 – Nida

+1

快速通过简单地触发ajax函数而不是使fadeIn,fadeout和其他耗时的JS事件快速地使ajax调用快速 –

回答

1

你可以尝试拿走某些附加功能褪色:

<script type="text/javascript"> 
jQuery('.filter-menu a').live('click', function(e) { 
    e.preventDefault(); 
    var link = jQuery(this).attr('href'); 
    jQuery('#gallery-ajax').hide().load(link + ' #gallery-ajax', function(){ 
     jQuery('#gallery-ajax').fadeIn(200); 
    }); 
}); 
</script> 

当然这是不完全一样的行为,但它一定会出现更快。