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>

これは正常に機能していますが、新しいコンテンツを非常に低速でロードします。新しいコンテンツの読み込み速度を向上させる方法や、代替のjQueryAJAXを提供する方法を教えてください。

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 に答える