带有fadeIn效果的jQuery .load()

Question

我正试图在#primary中使用jQuery通过AJAX加载URL的#content.它加载但不会淡入.我究竟做错了什么？

$('.menu a').live('click', function(event) {
        var link = $(this).attr('href');
        $('#content').fadeOut('slow', function(){
            $('#primary').load(link+' #content', function(){
                $('#content').fadeIn('slow');
            });
        });
        return false;
    });

非常感谢您的帮助.

Answer 1

实际上我可以通过将效果应用于包装div来实现它...

$('#primary').fadeOut('slow', function(){
    $('#primary').load(link+' #content', function(){
        $('#primary').fadeIn('slow');
    });
});

Answer 2

只是这个:

$('.element').load('file.html',function(){}).hide().fadeIn();

或者在load()函数中将此行为添加为默认值:

$.fn.load_=$.fn.load;
$.fn.load=function(){
    return $.fn.load_.apply(this,arguments).hide().fadeIn();
}