0

jQuery1.1.1とHTML5を使用してWebモバイルアプリを構築しています。

ユーザーがクリックしてXMLファイルからデータを取得するページを開いたときに読み込みスピナーを表示したいと思います。

大きなXMLファイルからのデータを一覧表示するためにGETでAjaxを使用しています。

jQueryのドキュメントにオプションがありますが、外部ページ用であることがわかりました。

前もって感謝します

これが私の質問「あなたの助けに感謝します」の答えです。

 $.ajax({
      type: "GET",
      url: "js/database/surah/"+$(this).attr("FileName"),
      dataType: "xml",
      async:   false,
      beforeSend : function () {
           $.mobile.showPageLoadingMsg();
      },
      complete : function(){
           $.mobile.hidePageLoadingMsg();
      },
      success: function(xml) {
      Ayah_nbr = $(xml).find('Verse').last().attr("VerseID");
 });
4

1 に答える 1

1

あなたはスロバーを意味しますか？

Webサイトに少し回転するアニメーションを配置し、デフォルトで非表示にします。

ajaxリクエストのbeforeオプションを使用すると、次のようにスロバーを表示できます

$("#throbber").show();

リクエストの成功関数が実行されたら、もう一度非表示にします。:)

$("#throbber").hide();

スロバー自体は小さなアニメーションのようなものである必要があります。おそらく、ページの残りの部分をカバーする周囲のdivがあり、他のリンクなどをクリックするだけでは誰もできません。

また、スロバーを表示してリンクのクリックハンドラーを削除することもできます。これは、予想よりも時間がかかる場合（UMTSのような低速接続の場合など）、同じアクションを2回実行することはできません。

于 2012-07-21T20:56:26.177 に答える