jquery - 使用 Jquery 动画计时 Ajax 调用

Question

我正在使用以下脚本为每个用户的页面加载帖子。

$.post("postupdate.php", function(data){
var postoutput = $("#postoutput", data);
$("#postcontainer").load("postupdate.php?user=<? echo $profileuser_id; ?> #postoutput");
$( '#postcontainer' ).fadeIn();
}, "html"); 

除了淡入淡出功能外，一切正常。我的加载时间各不相同，所以有时 postcontainer div 会在它被 Ajax Call 的帖子填充之前淡入。如何控制淡入淡出功能何时关闭，以便确保它始终在显示 div 之前完成加载内容？当它们有时只是凭空出现时，现在看起来真的很糟糕。

-谢谢

Answer 1

使用回调.load()并在那里淡入淡出。

$("#postcontainer").load("postupdate.php?user=<? echo $profileuser_id; ?> #postoutput", function(){
    $( '#postcontainer' ).fadeIn();
});

Answer 2

从文档中：

$("#postcontainer").load("postupdate.php?user=<? echo $profileuser_id; ?> #postoutput", function() {
    $('#postcontainer').fadeIn();
});

.load()有一个回调函数，可以是在要发送的数据之后，也可以是url。该函数在加载完成时执行。