jQuery移动和函数调用?

jQuery移动和函数调用?,jquery,jquery-mobile,Jquery,Jquery Mobile,我有个奇怪的问题,我想不出来。我用jQuery和Phonegap制作了一个移动应用程序。在我的应用程序中,我正在调用一些web服务来获取数据,当我这样做时需要几秒钟,所以我想向用户显示一个加载条。我用.gif图片编写了自己的加载演示文稿,在服务请求之前,我用javascript将其添加到屏幕上。我的问题是,在web服务功能几乎完成一半或全部完成之前,这个.gif不会添加到屏幕上。就像我异步调用它一样,但据我所知,它都在一个线程上。那么我怎样才能做到这一点呢 (伪代码) 我遇到过类似的问题,这些问

我有个奇怪的问题,我想不出来。我用jQuery和Phonegap制作了一个移动应用程序。在我的应用程序中,我正在调用一些web服务来获取数据,当我这样做时需要几秒钟,所以我想向用户显示一个加载条。我用.gif图片编写了自己的加载演示文稿,在服务请求之前,我用javascript将其添加到屏幕上。我的问题是,在web服务功能几乎完成一半或全部完成之前,这个.gif不会添加到屏幕上。就像我异步调用它一样,但据我所知,它都在一个线程上。那么我怎样才能做到这一点呢

(伪代码)


我遇到过类似的问题,这些问题通过将后续操作添加到间隔为0的setTimeout中得到解决:

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

关于这项技术的更多细节可以在中找到,但基本上,超时允许浏览器在继续执行JavaScript代码之前完成任何UI更新(如呈现加载的图像)。

这几乎完成了任务我的意思是它渲染了这幅画,所以你给了我正确的答案,但又是一件愚蠢的事情。我想渲染加载gif,但gif不显示动画。它只渲染第一张gif图片。有没有办法解决这个问题?(别这么想)嗯-不确定-也许你应该开始另一个问题?
showLoading();
setTimeout(function(){
    callWebService();
    stopLoading();
}, 0);