Cordova jQuery npm 插件 允许您使用简洁易用的 CLI 将 jQuery Mobile 的现成模板添加到现有的 Apache Cordova 应用程序。
您可以使用以下 npm 命令安装
Cordova jQuery npm 插件
:
npm install -g cordova-jquery
安装后,您可以通过从 Apache Cordova 应用程序的根目录执行
cordova-jquery
命令来开始使用它。接下来的六个视频向您展示了如何使用不同的模板(多页、标题导航栏、持久导航栏、外部面板、手风琴和列表视图)创建六个 Cordova jQuery 移动应用程序。
如下面的视频所示,执行
cordova-jquery
命令后,您需要做的就是选择要应用于现有 Cordova 应用程序的模板。下面的所有示例都适用于 Apache Cordova 版本 5.1.1(目前最新的 Cordova 版本)。
Cordova jQuery 插件支持以下模板:
1.多页
此模板会将一个简单的两页 jQuery 移动模板应用到您的 index.html 文件。
2.标题导航栏
此模板会将一个三页 jQuery 移动模板应用到您的 index.html 文件,其中包括用于每个页面上标题的标题导航栏。
3.持久导航栏
该模板会将一个三页的 jQuery 移动模板应用到您的 index.html 文件,其中包括用于每个页面页脚的持久导航栏。
4. 外部面板
此模板将向 jQuery Mobile 应用一个外部面板。选择此选项后,系统还会提示您提供其他信息,例如您希望面板在页面的哪一侧(左、右)打开以及您希望使用哪种显示样式(显示、推送、叠加)
5. 手风琴
该模板会将三个部分的 jQuery 移动手风琴模板应用到您的 index.html 文件中。您现有的内容将作为第一部分的一部分放置。重要的是要注意,您必须确保您现有的内容父元素不使用 CSS“绝对”位置以便由手风琴部分控制。
6.列表视图
此模板会将 jQuery 移动列表视图模板应用于您的 index.html 文件。列表视图的第一项指向您现有的内容页面,列表视图的第二项和第三项指向两个占位符页面。
这个插件的主要目的是促进在 Apache Cordova 中使用 jQuery Mobile,所以请随意使用它并提交您遇到的任何问题:
https://github.com/Open-I-Beam/cordova-jquery-npm/issues