0

我在 Phonegap 做一个网络服务。当用户搜索特定关键字时，应用程序从远程服务器上的 XML 文件中获取值，并将内容加载到我的应用程序中的 div 中。我的问题是我想显示一个 toast 消息，如“正在加载...”或“正在进行...”，直到内容加载到 div 中。我创建了一个 toast 消息。但是我不知道如何在内容加载后隐藏 toast 消息，因为从 XML 文件中获取值的时间对于不同的关键字是不同的。

加载内容的 div 是<ul class="searchresults"></ul>，这是我的 toast 函数：

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

创建一个 JavaScript 计时器来测试您的 div 的内容，并在发现其中的内容时隐藏消息...

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

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