帶有淡入淡出效果的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

有股利#wind在第一隱藏然後​​褪色它的回調函數中。

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

Answer 2

肯定。您可以使用jquery .load函數用fadIn（）加載數據。

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