Javascript 如何呈现jquerymobile页面?

Javascript 如何呈现jquerymobile页面?,javascript,jquery,html,jquery-mobile,cordova,Javascript,Jquery,Html,Jquery Mobile,Cordova,我有一个使用JQM的PhoneGap应用程序。为了导航,我使用了一个导航栏小部件,它打开请求的页面(共4页)。 第一次通过此导航访问页面时,它需要相当长的时间才能显示(取决于6到10秒之间的设备)。我假设这是因为JQM的渲染过程。因此,这种行为并不完全是我想要的,我想知道是否可以在应用程序第一次启动时(即在显示初始屏幕时)手动呈现页面。以前是否有人做过类似的事情,或者有人知道如何手动启动此渲染过程?我可以从您的问题中推测,您正在通过navbar元素使用多个HTML页面 这是你的第一个错误。我希望

我有一个使用JQM的PhoneGap应用程序。为了导航,我使用了一个导航栏小部件,它打开请求的页面(共4页)。
第一次通过此导航访问页面时,它需要相当长的时间才能显示(取决于6到10秒之间的设备)。我假设这是因为JQM的渲染过程。因此,这种行为并不完全是我想要的,我想知道是否可以在应用程序第一次启动时(即在显示初始屏幕时)手动呈现页面。以前是否有人做过类似的事情,或者有人知道如何手动启动此渲染过程?

我可以从您的问题中推测,您正在通过navbar元素使用多个HTML页面

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

首先,您可以预取jQuery移动页面,这将缩短页面更改时间,请阅读更多关于它的信息。不幸的是,这个解决方案几乎没有问题,主要是有时它不起作用

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

我必须为您提供一些优秀的文章,这些文章将帮助您构建更快的jQuery移动应用程序,请查看


如果不是很晚,我建议改用Sencha Touch。学习它需要一些时间(它有一个完全的方法,然后是jquerymobile),但最终你会有一个更快的应用程序。我是以jQuery移动开发人员的身份告诉你这一点的,而不是senchatouch开发人员

根据您的问题,我假定您正在通过navbar元素使用几个HTML页面

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

首先,您可以预取jQuery移动页面,这将缩短页面更改时间,请阅读更多关于它的信息。不幸的是,这个解决方案几乎没有问题,主要是有时它不起作用

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

我必须为您提供一些优秀的文章,这些文章将帮助您构建更快的jQuery移动应用程序,请查看


如果不是很晚,我建议改用Sencha Touch。学习它需要一些时间(它有一个完全的方法,然后是jquerymobile),但最终你会有一个更快的应用程序。我是以jQuery移动开发人员的身份告诉你这一点的,而不是senchatouch开发人员

实际上,我使用的是多页模板。所有页面(jqm页面)都存在于同一文件中。但是,必须能够手动强制渲染,在此期间,我可以显示初始屏幕或只是“加载”。实际上,我使用的是多页模板。所有页面(jqm页面)都存在于同一文件中。但是,必须能够手动强制渲染,在此期间,我可以显示一个启动屏幕或只是“加载”。