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

首先隐藏div #wind然后在.load()的回调函数中隐藏它。

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

Answer 2

是肯定的。您可以使用jquery .load函数来使用fadIn（）加载数据。

$("#container").fadeOut("slow").load('data.php').fadeIn('slow');