使用Jquery動畫定時Ajax調用

Question

我正在使用以下腳本為每個用戶頁面加載帖子。

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

除fadeIn功能外，其他所有功能均正常運行。 我的加載時間各不相同，因此有時后容器div會在被Ajax Call中的帖子填充之前消失。 如何控制fadeIn函數何時關閉，以確保在顯示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之后具有回調函數。 加載完成后執行此功能。