XCode 中的 iPhone jQuery mobile + PhoneGap .. 具有用于多个 View /页面的多个 html 文件

Question

到目前为止，我在 phonegap 中使用 jquery mobile 开发了一个应用程序。

它有多个 View /页面。

如何使用 jQuery Mobile 加载多个页面

Answer 1

以下片段展示了如何加载不同的页面:

<a href="#page2" data-role="button">Go to Page2</a> <!-- for page2 in same html -->   
<a href="page2.html" data-role="button">Go to Page2</a> <!-- redirect to different html -->

或

$.mobile.changePage("#page2"); // for page2 in same html
$.mobile.changePage("page2.html"); // to go to different html file

我有一个 sample Android Phonegap application在 Github 中，它包含两个带有两个页面的 html 文件，并显示将它们连接在一起。

虽然它使用的是 Android，但 /www 文件结构对于 iOS XCode 项目也将保持不变。所以你可以复制文件夹并在 xcode 中运行它。我已经使用 Cordova 1.7.1 在 XCode 上测试了设置。