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功能