jQuery手機和函數調用？

Question

我有一個奇怪的問題，我不能弄明白。我用jQuery和Phonegap製作了移動應用程序。在我的應用程序中，我打電話給一些Web服務來獲取數據，當我這樣做時，需要幾秒鐘的時間，因此我想向用戶顯示一個加載欄。我已經編寫了自己的加載演示文稿，其中包含.gif圖片，我在服務請求之前使用JavaScript添加到了屏幕上。我的問題是，這個.gif沒有添加到屏幕上，直到Web服務功能幾乎完成或完全通過。就像我會異步調用它，但據瞭解，它全部在一個線程上。那麼我怎麼能做到這一點？

（僞代碼）

showLoading(); 
callWebService(); 
stopLoading(); 

Answer 1

我有類似此類問題，已通過將後行動統一到一個setTimeout的區間0解決：

showLoading(); 
setTimeout(function(){ 
    callWebService(); 
    stopLoading(); 
}, 0); 

更多詳細介紹這種技術可以在this question中找到，但基本上超時允許瀏覽器在繼續執行JavaScript代碼之前完成任何UI更新（例如渲染加載圖像）。