0

Phonegap で Web サービスを行っています。ユーザーが特定のキーワードを検索すると、アプリケーションはリモート サーバー上の XML ファイルから値を取得し、コンテンツをアプリケーションの div に読み込みます。私の問題は、コンテンツが div に読み込まれるまで、「読み込み中...」や「進行中...」などのトースト メッセージを表示したいことです。トーストメッセージを作成しました。しかし、XML ファイルから値を取得する時間がキーワードごとに異なるため、コンテンツが読み込まれた後にトースト メッセージを非表示にする方法がわかりません。

コンテンツがロードされる div は<ul class="searchresults"></ul>で、これは私のトースト関数です:

function toast(sMessage){
  var container = $(document.createElement("div"));
  container.addClass("loading");
  var message = $(document.createElement("div"));
  message.addClass("message");
  message.text(sMessage);
  message.appendTo(container);
  container.appendTo(document.body);
  container.delay(150).fadeIn("slow", function() {
    if ($(".searchresults").html().length > 0) {
      $(this).delay(500).fadeOut("slow", function() {
        $(this).remove();
      });
    }
  });
}

誰かが私にいくつかのアイデアを提案できますか? 前もって感謝します。

4

1 に答える 1

1

div のコンテンツをテストする JavaScript タイマーを作成し、そこに何かが見つかったときにメッセージを非表示にします...

var myVar=setInterval(function(){myTimer()},1000);

function myTimer()
{
// test for content, hide message
}
于 2012-12-11T05:09:51.380 に答える