使用带有多个html页面的phonegap和jquery移动设备的正确方法

Question

我有一个使用jquery mobile的应用程序，它包含几个html页面，每个页面都有一些jquery页面元素。 在桌面浏览器上它一切正常但是当我在我的Android设备上加载它（运行2.3）时，第一页看起来很好，但每当你点击一个链接时（比如说来自index.html - > logged-in-menu.html jquery移动设备似乎没有启动，也没有应用任何样式。如果我从当前页面返回到index.html，那么index.html将保持原样。

那么在不同的html页面之间移动是否有正确的方法？ 我没有得到任何浏览器错误，所以一切似乎都工作正常，但没有应用jqm的样式或功能。

只是所有人都在同一页面上，链接使用data-ajax =“false”，因此它们会导致完整的页面刷新（因为这是必需的），应用程序无法作为单个页面应用程序工作，因此将所有内容放入一个大的html中文件不是一个选项。

Answer 1

如果您没有获得样式，那么您可能缺少CSS文档，JS错误，或者您没有在新页面上正确构建HTML。

Answer 2

另一种方法是将页面（甚至是页面中的面板）分解为动态加载的单独模板.html文件，并根据需要进行渲染。 请参阅“使用KnockoutJS，PhoneGap和jQuery Mobile创建移动应用程序”教程http://bit.ly/crmakopgjqm