jQuery AJAX 使用淡入淡出加载内容答案

【问题标题】：jQuery AJAX load content with fadeInjQuery AJAX 使用淡入淡出加载内容
【发布时间】：2012-09-15 19:39:50
【问题描述】：

我有一个容器，内容应该从不同的 php 文件加载。所以我有这个：

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

页面内容加载到 div 中，一切看起来都不错，但它立即出现并且看起来不对，有没有办法以某种方式附加 fadeIn()？

【问题讨论】：

【解决方案1】：

首先隐藏 div #wind，然后在 .load() 的回调函数中将其淡入。

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

【讨论】：

【解决方案2】：

是的。您可以使用 jquery .load 函数通过 fadIn() 加载数据。

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

【讨论】：