0

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

4

1 回答 1

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>

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

于 2012-12-07T15:45:30.883 回答