php - jQuery AJAX 使用淡入淡出加载内容

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');