0

JQuery を初めて使用する私は、ページの読み込み時にユーザーに待機イメージを表示する方法を探し回っています。

ページはシンプルで、ユーザーはページにアクセスし、いくつかの値を選択してから送信ボタンを選択します。

リクエストをバックエンドに送信すると、結果が返されて表示されます。選択ボタンで待機画像を表示できますが、ページが displaytag を使用して結果をレンダリングしている場合、画像はありません。

私は次のことを試しました:

<script type="text/javascript">

  $(document).ready(function() {
    $.blockUI({ message: '<h3><img src="../images/ajax-loader.gif" /> We are loading your request.  Please be patient.</h3>' });
  });

  $(window).load(function() {
    $.unblockUI();
  });  

</script>

しかし、それはうまくいかなかったようです。画像とメッセージは、ページのレンダリング中ではなく、最後に表示されます。

それが重要な場合はIEを使用してください。

4

4 に答える 4

0

サーバーにajaxリクエストを送信すると仮定しますか?その場合、この回答で説明されているように、jQueryajaxStartajaxStopメソッドを利用できます。

于 2011-02-22T07:27:35.497 に答える
0

もう1つの方法は、jquery uiです。具体的には、インターフェイスをブロックするオプションを.gif備えた画像を表示するためのダイアログウィジェットです。次に、プロセスが終了した場合は、メソッドmodal: trueを使用してダイアログを破棄するだけです。$( this ).dialog( "close" )

于 2012-04-05T15:42:17.880 に答える
0

CSS の使用:

#pageLoading { 
width:100%;
height: 100%;
background: black;
position:absolute;
z-index: 1000;
top: 0px;
left:0px;
}

読み込み中のgifをその中に入れて「マスク」を作成できます。次に、ページがロードされたときにjqueryを使用してdivをfadeOut()します。

于 2011-02-22T07:33:40.413 に答える
0

$(document).ready(function(){}) は、ページがロード/レンダリングされた後に呼び出されます。superUntitled の回答を使用し、CSS を使用して、ページが読み込まれた後にフェードアウトします。

于 2011-02-22T08:26:53.677 に答える