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 函数