Question

我使用以下代码进行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。

Answer 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>

当然这不是完全相同的行为，但肯定会更快。

如何提高ajax页面加载的速度？

1 个答案: