如何在Phonegap / Cordova中集成jQuery Mobile
jQuery附带了许多与现代平台(例如iOS和Android)兼容的用户界面,最早的平台是Opera Mini和Nokia Symbian。
jQuery Mobile是构建移动友好的网站和移动应用程序的最佳框架之一。
如果您希望使用jQuery Mobile构建应用程序,则可以按照此简短教程进行操作。
我们将向您展示如何将jQuery Mobile集成到Phonegap / Cordova并将其编译到iOS应用程序中 。
在这篇文章中,我们将扩展我们之前关于Phonegap / Cordova的 讨论 。
入门
这是一个通用的界面,您可以在任何移动应用程序中找到它,例如在Facebook应用程序中 。
但是,除了在此处完成创建应用程序界面的步骤之外,我将带您参考我们之前的教程,《 使用JQuery Mobile构建移动面板》 ,在此向您展示了如何构建jQuery Mobile左右面板。
由于Phonegap / Cordova允许我们使用HTML,CSS和JavaScript,因此创建应用程序几乎与创建网站一样简单。
下载源代码,并将所有文件(HTML,CSS和JavaScript)移动到platform / ios / www文件夹-这是我们用于开发iOS应用程序的所有代码的位置。
建立应用程式
我们将构建该应用程序,并在Xcode附带的iPhone Simulator中对其进行预览。
让我们在Xcode中打开项目文件夹。
选择模拟器后,单击Xcode窗口左上方的播放按钮。
您可以在iPhone和iPad以及其中使用的软件之间进行选择。
然后,选择使用哪个模拟器来测试您的应用;
模拟器将自动启动。
使用jQuery mobile和Phonegap可使创建移动应用程序与创建网站一样容易。
您可以使用jQuery Mobile API扩展应用程序的更多内容和功能。
而已。
有关jQuery Mobile的更多信息,您可以重新访问我们以前的文章: