ajax - 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发挥作用