Question

我正在使用Phonegap进行网络服务。当用户搜索特定关键字时，应用程序从远程服务器上的XML文件中提取值，并将内容加载到应用程序中的div。我的问题是我想要显示一个像＃34; loading ...＆＃34;或者＆＃34;进步......＆＃34;直到内容加载到div中。我创建了一个祝酒词。但是我不知道如何在加载内容后隐藏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();
      });
    }
  });
}

有人能建议我一些想法吗？提前谢谢。

Answer 1

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

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

function myTimer()
{
// test for content, hide message
}

显示特定div，直到内容加载到Phonegap Web服务中的另一个div中

1 个答案: