顯示一個特定的div，直到內容被加載到Phonegap web服務中的另一個div中

Question

我正在做一個Phonegap中的web服務。應用程序在用戶搜索特定關鍵字時從遠程服務器上的XML文件中獲取值，並在我的應用程序中將內容加載到div。我的問題是，我想顯示一個吐司消息，如「正在加載...」或「progressing ...」，直到內容加載到div中。我已經創建了一個敬酒信息。但是我不知道如何在加載內容後隱藏Toast消息，因爲從不同的關鍵字獲取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(); 
     }); 
    } 
    }); 
} 

誰能建議我的一些想法？提前致謝。

Answer 1

創建測試你的div的內容，當它發現在有什麼隱藏了消息的JavaScript的計時器...

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

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