在加载新内容之前，AJAX Loader不会停留

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