0

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;

私が直面している問題は、読み込み中...テキストが0.5秒間表示され、古いコンテンツが再び表示されることです。その後、4〜5秒後に、新しいコンテンツが古いコンテンツに置き換えられます。コンテンツが完全に読み込まれるまで、読み込み中のテキストを保持するにはどうすればよいですか。

4

1 に答える 1

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機能を持たせたいと思うでしょう

于 2012-07-10T06:50:52.760 に答える