Question

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

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

除了fadeIn函数外，一切正常。我的加载时间会有所不同，因此有时postcontainer div会在填充Ajax Call的帖子之前淡入。如何控制fadeIn函数何时关闭，以便我可以确保它在显示div之前总是完成加载内容？现在看起来非常糟糕，因为它们有时会出现在数码空间之外。

-Thanks

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之后有一个回调函数。加载完成后执行此功能。

使用Jquery动画调用Ajax调用

2 个答案: