jQuery Mobile和PhoneGap混合开发

其实二者并不影响，PhoneGap负责调用系统的接口，jQuery Mobile实现一些网页效果。PhoneGap开发请看上一篇文章，jQuery Mobile开发环境搭建如下：【请先阅读上一篇文章，这一篇文章是在上一篇的基础上进行的】

一、到jquerymobile.com下载最新的ZIP File，解压得到其JavaScript, CSS和images。放到/assets/www/js目录下。如图：【其中jquery.js是从demos的js目录里复制出来的，上一篇文章中的cordova.js也移到了js目录下】

二、在index.html中加入如下代码：

<link rel="stylesheet" type="text/css" href="js/jquery.mobile-1.3.1.css">  <script src="js/jquery.js"></script>  <!-- 这里加入项目中其他的引用 -->  <script type="text/javascript" charset="utf-8" src="js/cordova.js"></script><script src="js/jquery.mobile-1.3.1.js"></script>

注意顺序。

三、在</head>之前加入<meta charset="UTF-8"> 以支持中文。

四、到http://view.jquerymobile.com/1.3.1/dist/demos/去把一些demo复制过来运行一下看看效果吧~

转载于:https://www.cnblogs.com/dyllove98/p/3165639.html

jQuery Mobile和PhoneGap混合开发相关推荐

使用jQuery Mobile和Phone Gap开发Android应用程序
使用jQuery Mobile和Phone Gap开发Android应用程序 1. 软件准备要进行android app的开发,当然需要准备Java, eclipse和安装Android SDK, ...
jQuery Mobile 所有data-*选项，开发全解+完美注释
全栈工程师开发手册 (作者:栾鹏) jQuery Mobile事件全解 jQuery Mobile 所有class选项 jQuery Mobile 所有data-*选项 jQuery Mobile 所 ...
jQuery Mobile中文手册：开发入门
jQuery Mobile 以"Write Less, Do More"作为目标,为所有的主流移动操作系统平台提供了高度统一的 UI 框架:jQuery 的移动框架可以让你为所有流 ...
jQuery Mobile 中文手册 Ajax开发版(2)
ajaxEnabled (boolean, default: true): 同时设置页面中的链接和表单提交是否使用Ajax方法,也就是说表单的提交和a标记中的链接,都是采用ajax调用. 布尔类型,在 ...
jquery mobile开发笔记之Ajax提交数据
这两天学习了下,jquery mobile(以下简称jqm)的开发相关的内容.可能之前有过web的开发基础,相对于我来说学习这个东西感觉挺简单的,很容易上手.Jqm的的语法和jquery其实是一样的, ...
使用 jQuery Mobile 与 HTML5 开发 Web App (十九) —— HTML5 对 Web App 的影响
在本系列文章的开头,Kayo 曾经介绍过 Web App 的优缺点,并且说明了 HTML5 在其中起的作用,当然,Web Apps 的发展需要 HTML5 , CSS 与 JavaScript 以及后 ...
《构建跨平台APP：jQuery Mobile移动应用实战》
http://product.dangdang.com/23472199.html http://item.jd.com/1159658668.html <构建跨平台APP:jQuery Mob ...
jQuery mobile 之三
贴上一段代码,jQuery mobile的事件问题:jQuery提供了一些特殊的事件来供我们处理我们要的效果 jQuery Mobile使用指南简介:jQuery Mobile框架可以轻松的帮助我们 ...
jQuery Mobile入门必看
简介:jQuery Mobile框架可以轻松的帮助我们实现非常好看的.可跨设备的Web应用程序.我们将后续的介绍中向大家介绍大量的代码及实例. jQuery一直以来都是非常流行的富客户端及Web应用程 ...

jQuery Mobile和PhoneGap混合开发

jQuery Mobile和PhoneGap混合开发相关推荐

最新文章

热门文章