如何呈现jquerymobile页面？

Question

我有一个使用JQM的PhoneGap应用程序。要导航我使用导航栏小部件，打开请求的页面（有4页）。 第一次通过此导航访问页面时，需要很长时间才能显示（取决于设备在6到10秒之间）。我假设这是因为JQM的渲染过程。因此，这种行为并不是我想要的，我想知道我是否可以在应用程序第一次启动时手动渲染页面（即显示启动画面时）。有没有人之前做过类似的事情，或者有人知道如何手动启动这个渲染过程？

Answer 1

我会从你的问题中假设你通过navbar元素使用了几个HTML页面。

这是你的第一个错误。我希望这对你来说不是一个大项目，因为你正在进入痛苦的世界。

首先，您可以预取jQuery Mobile页面，这将改善页面更改时间，阅读更多相关信息 here 。不幸的是，这个解决方案几乎没有问题，主要是有时它不起作用。

我最好的建议是改变你的app设计。您的主导航栏页面应该是单个HTML文件的一部分，它也称为多页面模板。这是最快的解决方案，但大多数资源都很耗费此外，您的页面不应该是内容繁重，它是jQuery Mobile应用程序的主要性能杀手。

我必须为您提供优秀的文章，帮助您构建更快的jQuery Mobile应用，看看 here 和 here 。

如果不迟到，我会建议切换到Sencha Touch。它需要一些时间来学习它（它有一个完全different方法然后jQuery Mobile）但最终你会有一个更快的应用程序。我告诉你这是一个jQuery Mobile开发人员，而不是Sencha Touch开发人员。