-1

私が取り組んでいるウェブサイトがあります。jquery を使用して、コンテンツのアニメーション化と表示を行っています。このコンテンツは vars に保存されます。表示する前にコンテンツをロードする方法を知る必要があります。

明確にするために、リンクをクリックすると、「読み込み中...」ウィンドウがフェードインし、すべてが読み込まれると、vars に保存されている読み込まれたコンテンツがフェードアウトしてフェードインします。

ありがとうございました

4

2 に答える 2

0

AJAX 経由で HTML コンテンツを要求し、それがいつ終了したかを知り、それを DOM に挿入する方法を探していますか? もしそうなら、jQueryのloadメソッドはあなたが求めているものかもしれません.

スティーブ

于 2009-07-02T08:13:16.317 に答える
0

AJAX イベントでは、ロードされた割合がわかりません。実際、ほとんどの場合、応答がどれくらいの長さになるかわかりません。ただし、応答が完了したとき、またはエラーが発生したときに通知されます。

JQueryの公式リファレンス AJAX を見てください。私の最初の答えは間違っていました。あなたはすでにデータを持っていると思います。ajax リクエストの単純化された使用例は次のようになります。

> Initiate the Request, and set the handler for ajax complete (thru something like $.Ajax)
> Hide the content pane and show the loader
> When ajax complete, you display your content, and hide the loader

以下は元の回答です。

既にクライアント コンピューターのメモリにあるものについて話していると思いますが、読み込みが完了したらすぐにすべてを表示したいと考えています。オフライン メディアの「ダブル バッファリング」のように聞こえます。

あなたができることは、次のとおりです。

// Display the loading screen, you can put any animation
$("#loader").fadeIn();
$("#contentPlaceHolder").hide();
// attach the DOM of the contents to placeholder.
$("#contentPlaceHolder").append(CONTENTS);
// .... similar statements follows.
// and finally..
$("#contentPlaceHolder").show();
$("#loader").fadeOut();
于 2009-07-02T08:17:49.553 に答える