如何在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,因此创建应用程序几乎与创建网站一样简单。

jQuery面板

下载源代码,并将所有文件(HTML,CSS和JavaScript)移动到platform / ios / www文件夹-这是我们用于开发iOS应用程序的所有代码的位置。

建立应用程式

我们将构建该应用程序,并在Xcode附带的iPhone Simulator中对其进行预览。

让我们在Xcode中打开项目文件夹。

iOS模拟器

选择模拟器后,单击Xco​​de窗口左上方的播放按钮。

您可以在iPhone和iPad以及其中使用的软件之间进行选择。

然后,选择使用哪个模拟器来测试您的应用;

模拟器选择

模拟器将自动启动。

模拟器启动

使用jQuery mobile和Phonegap可使创建移动应用程序与创建网站一样容易。

您可以使用jQuery Mobile API扩展应用程序的更多内容和功能。

而已。

有关jQuery Mobile的更多信息,您可以重新访问我们以前的文章:


翻译自: https://www.hongkiat.com/blog/cordova-jquery-mobile/