jQuery AJAX使用fadeIn加载内容

Question

我有一个容器,其中内容应从不同的PHP文件加载.所以我有这个:

$('ul#menu li a').click(function(){
    var page = $(this).attr('href');
    $('#wind').load('pages/'+ page +'.php');
    return false;
});

页面内容加载到div中,一切看起来都不错,但它会立即出现,看起来不对,是否有办法以fadeIn()某种方式追加？

Answer 1

#wind首先隐藏div 然后在.load()淡入淡出的回调函数内.

$('#wind').load('pages/' + page + '.php', function () {
    $('#wind').fadeIn();
});