jQuery Mobile在显示页面之前通过Ajax加载内容

时间:2017-08-16 09:15:46

标签: javascript jquery html ajax cordova

我对jquery非常有经验,但jquery mobile对我来说是一个新手。我正在使用cordova和jquery mobile开发一个应用程序。

所以我在html中设置了多页面设置,导航栏可以切换页面。一切都很棒,但是,我需要在页面更改时通过ajax加载页面内容。

我设法通过向生成内容的外部Web服务器发布请求,然后通过应用程序将其缓存到本地数据库中。我目前正在使用“pagebeforeshow”事件进行此操作。

问题是,当用户点击菜单项时,jquery mobile已经在“pagebeforeshow”中的ajax调用被触发之前切换了页面,这意味着我们在请求内容时看到空白页面延迟。

所以我的问题是:有没有办法阻止jquery mobile在菜单点击时自动切换页面,以便我可以捕获事件,抓取内容然后手动显示带有changePage()的页面或者是否有事件我可以在过渡发生之前很好地挂钩吗?

所以我们的想法是他们点击菜单项,全屏加载器显示(工作正常),加载内容然后显示页面,不显示页面然后加载内容....

有意义吗?

1 个答案:

答案 0 :(得分:0)

我采用的方式是不使用pagebeforeshow,而是通过启动画面初始覆盖该页面。

然后当加载并显示启动画面时(图像onLoad或类似)启动AJAX调用,一旦完成,淡出启动画面并显示实际内容。