正确使用phonegap& amp;具有多个html页面的jquery mobile

时间:2012-06-26 13:15:44

标签: jquery jquery-mobile cordova

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

是否有正确的方式在不同的html页面之间移动?我没有得到任何浏览器错误,因此似乎的所有内容都工作正常但没有应用jqm的样式或功能。

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

2 个答案:

答案 0 :(得分:4)

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

答案 1 :(得分:0)

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