AJAX加載程序不會保留，直到加載新內容

Question

我正在使用AJAX功能來實時加載我的WordPress頁面。我用下面的辦法，使其在實時負載

var toLoad = $(this).attr('href')+' #container';
$('#container').slideUp('300',loadContent);
$('#load').remove();
$('#wrapper').append('<span id="load">LOADING...</span>');
$('#load').fadeIn('normal');
window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
function loadContent() {
$('#container').load(toLoad,'',showNewContent())
}
function showNewContent() {
$('#container').slideDown('400',hideLoader());
}
function hideLoader() {
$('#load').fadeOut('normal');
}
return false;

我面臨的問題是，加載...文本顯示半秒和舊的內容再次出現..然後經過4-5秒，它只是替換舊的內容。 如何在內容完全加載之前保留加載文本。

Answer 1

問題不完全清楚，我，

但是，

$('#container').load(toLoad,'',showNewContent()) 

應改爲

$('#container').load(toLoad,'',showNewContent) 

，並

$('#container').slideDown('400',hideLoader()); 

到

$('#container').slideDown('400',hideLoader); 

我們通過函數引用（我們不給他們打電話）

另外，我不認爲有任何.fadeIn('normal')。

這將是要麼.fadeIn('slow')或.fadeIn('fast')

此外，

線以下這

$('#container').slideUp('300',loadContent); 

不要等待動畫完成。他們被立即打電話。

我猜，你會希望他們把在loadContent功能