javascript - 如何渲染 jquerymobile 页面?

标签 javascript jquery html jquery-mobile cordova

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

最佳答案

根据您的问题,我推测您正在通过导航栏元素使用多个 HTML 页面。

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

首先,您可以预取 jQuery Mobile 页面,这将缩短页面更改时间,了解更多信息 here 。不幸的是,这个解决方案几乎没有什么问题,主要是有时它不起作用。

我最好的建议是改变你的应用程序设计。您的主要导航栏页面应该是单个 HTML 文件的一部分,它也称为多页面模板。这是最快的解决方案,但最消耗资源。另外,您的页面不应该包含大量内容,它是 jQuery Mobile 应用程序性能的主要 killer 。

我为您提供了一些优秀的文章,它们将帮助您构建更快的 jQuery Mobile 应用程序,请看一下 here here

如果还不算太晚,我建议切换到 Sencha Touch。学习它需要一些时间(它有一个完全的 different 方法,然后是 jQuery Mobile),但最终您将拥有一个更快的应用程序。我以 jQuery Mobile 开发人员的身份告诉您这一点,而不是 Sencha Touch 开发人员。

关于javascript - 如何渲染 jquerymobile 页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18734114/

相关文章:

html - 响应式 CSS 标题 |鼠标悬停在图像上

javascript - JavaScript 中的幻灯片无法正常工作

php - jquery masonry 图像重叠,直到完成页面大小调整

javascript - 使用 XSL 进行跨浏览器 XML 操作和解析(Chrome、Firefox 和 IE 8/11)

Javascript 原型(prototype)继承——后代相互覆盖

javascript - 使用 css 表格时折叠垂直菜单

jquery - 悬停效果在 IE 浏览器中无法正常工作

php - jquery - 使用 session 电子邮件地址预填充 php 文本字段

jquery - 当子<td>包含 "specific text"时使用jquery更改<tr>背景

java - 如何在页面加载时第一次在JSP上显示下拉列表的第一个值?