说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

jQuery Mobile 开发入门手册--概述

HTML文档下载 WORD文档下载 PDF文档下载
此文档是基于 jQuery Mobile 框架的移动设备 Web 应用开发知识而编制,目的是为了方便开发人员快速的掌握此框架的开发应用,其中包含了框架的基础应用知识和在团队协作开发中的常规约定。

 

作者:张勇辉

此文档是基于 jQuery Mobile 框架的移动设备 Web 应用开发知识而编制,目的是为了方便开发人员快速的掌握此框架的开发应用,其中包含了框架的基础应用知识和在团队协作开发中的常规约定。

 

框架特性

 

JQuery Mobile 以“Write Less, Do More”作为目标,为所有的主流移动操作系统平台提供了高度统一的 UI 框架:jQuery 的移动框架可以让你为所有流行的移动平台设计一个高度定制和品牌化的 Web 应用程序,而不必为每个移动设备编写独特的应用程序或操作系统。jQuery Mobile 目前支持的移动平台有苹果公司的 iOS(iPhone,ipad,iPod  Touch),Android,Black Berry OS6.0,惠普 WebOS,Mozilla的Fennec和Opera Mobile。今后,将增加包括Windows 

Mobile,Symbian 和 MeeGo 在内的更多移动平台。

根据 jQuery Mobile 项目网站,目前 jQuery Mobile 的特性包括:

• jQuery 核心——与 jQuery 桌面版一致的 jQuery 核心和语法,以及最小的学习曲线。

• 兼容所有主流的移动平台——iOS、Android、BlackBerry,Palm WebOS、Symbian、Windows 

Mobile、BaDa、MeeGo 以及所有支持 HTML 的移动平台。

• 轻量级 alpha 版本的 jQuery Mobile  其 JavaScript  大小仅为 12KB  , CSS  文件也只有

6KB 大小。

• 标记驱动的配置 jQuery Mobile 采用完全的标记驱动而不需要 JavaScript 的配置。

• 渐进增强 jQuery Mobile 采用完全的渐进增强原则:通过一个全功能的 HTML 网页,和额外的JavaScript功能层,提供顶级的在线体验。这意味着即使移动浏览器不支持JavaScript,基于 jQuery Mobile 的移动应用程序仍能正常的使用。

• 自动初始化通过使用 mobilize()函数自动初始化页面上的所有 jQuery 部件。

• 无障碍 包括 WAI-ARIA 在内的无障碍功能以确保页面能在类似于 VoiceOver 等语音辅助

程序和其他辅助技术下正常使用。

• 简单的 API  为用户提供鼠标、触摸和光标焦点简单的输入法支持。

• 强大的主题化框架 jQuery Mobile 提供强大的主题化框架和 UI 接口。

 

版本约定

 

为了避免由于版本不统一等引发的问题,在此次撰写中对框架的版本进行了如下约定 :

jQuery 核心:V 1.50

Mobile 核心:V 1.0  ALPHA 3初始配置

在<head>中按顺序加入框架的引用,注意加载的顺序:

<link rel="stylesheet" type="text/css" href="jquery.mobile-1.0a2.min.css">

<script src="jquery-1.4.4.min.js"></script>

<!--这里加入项目中其他的引用-->

<script src="jquery.mobile-1.0a2.min.js"></script>

ps:建议在 meta 中加入'”charset=utf-8”的声明,避免出现乱码和响应方面的问题

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  或 者 <meta 

charset="utf-8" />

 

页面声明

 

建议在页面中使用 HTML5 标准的页面声明和标签,因为移动设备浏览器对 HTML5 标准的支持程度要远远优于 PC 设备,因此使用简洁的 HTML5 标准可以更加高效的进行开发,免去了因为声明错误出现的兼容性问题。

HTML5 页面基础元素:

<!DOCTYPE HTML>

<html lang="en-US">

<head>

<title>标题 </title>

<meta charset="UTF-8">

</head>

<body>

</body>

</html>

 

CMDN Club 24期:互联网产品的演进之路——从QQ谈互联网14年进化史 360安全浏览器发布“照妖镜”和“网站名片”功能 Windows Server 2012实用教程:添加Hyper-V管理器 为何Google弃置GCE和GAE选择AWS? 2012移动应用盘点:乱象丛生 最佳与奇葩共舞 从1976至2013大事记,看Android未来命运 c#经典入门视频001基础知识-苏坤老师主讲 c#经典入门视频002学习两句话-苏坤老师主讲 c#经典入门视频003基础知识-苏坤老师主讲 回顾HTML5这一年:在痛并快乐中前进 学Apple,微软宣布2013上半年零售店建设计划 真羡慕他们:谷歌宣布Gmail电话明年继续免费 c#经典入门视频004变量-苏坤老师主讲 c#经典入门视频005变量的使用和命名规则-苏坤老师主讲 c#经典入门视频006输出变量的值(及赋值符、连接符、占位符)-苏坤老师主讲 c#经典入门视频007变量交换_输入-苏坤老师主讲 回首JavaScript这一年:笑里藏刀 百媚丛生 平板优先:Supercell游戏公司日收入100万美元 Mootools实现具有排版功能的页面拖拽 2012:云计算的春天 直击Strata+Hadoop World:百万雄师过大江 能携带的网络 Anyfi 150万建网络虚拟热点 又将颠覆产业?传苹果正开发蓝牙智能手表 JavaScript社区开发者调查结果 欢乐淘、求PS大神获腾讯开放平台应用创新大赛年度金奖 2012是响应式设计之年 12月28日:1903年计算机之父冯&#183;诺依曼出生 Android木马病毒:伪装成Google Play图标进行DDoS攻击 IE10 CSS Hack 程序员技术分享:训练机器学习 SVM算法解析 2013,谷歌的数据科学家都将干什么呢? 我要打开一个coreldraw9.0制作的文件,我下载了coreldraw10.0,发现居然不能向下兼容,兄弟们能不能告诉我那儿有下载coreldraw9的?『猫 用cb做一个ie浏览器,怎么做啊? 关于网页很简单的问题 紧急求助 这里登记一下大家的网站吧! 孟大人  救命哦!!!!!!!!!!!!! 大家看看我的jboss有没有问题!为什么jboss的8083端口出错!(2)接(1) 问大家一个间单的问题。 sybase在XP下安装后不能使用??? 如何使DropDownList呈现时就为展开状态? 求助!动网里提示 Script Engine 异常,请大虾帮帮我啊 大家看看我的jboss有没有问题!为什么jboss的8083端口出错!(3)接(2) 内联函数 菜鸟求教:关于Tcanvas的问题,不知道怎么重画 请大家关注http://expert.csdn.net/Expert/TopicView1.asp?id=1883460 ,谢谢 紧急求救!! 怎么才能在没有VC的环境下运行带有MS DataGrid 控件的程序 URLDownloadToCacheFile 下载的小文件不能立即打开! oracle 9i For Linux 的字符集的问题,谢绝灌水! 当使用了showModalDialog打开的窗口后。。。 我一直将vcl源码作为代码书写标准文档,现发现。。。。。 如何获取当前页的地址。 中国网通真TNND不是东西 在win2003下怎么使用VOS 请教:如何通过VB的宏对Excel进行排序? 青岛发生4级地震,做个调查 对不起,第一次想给给过自己帮助的人分。但都出现这样的提示,请帮忙解决。 驱动不在了,求助!! 建好表后,如何添加数据?不要导入的方法 用dbstart启动时出现Can't find init file ......请指点! 我用17"的顯示器設為1024*768顯示,但pb9開發工具的字體很小,怎麼設啊? 对于解决站点使用基本验证的自定义客户端验证界面的一篇有价值的文章 运行java3D后这样的提示,怎么回事????? 高分求 关于DLL程式异步通知,类示xmlhttp 组件的onreadystatechange事件 初学者请高手指点迷经? Form上没有缺省按钮,在控件上Enter按键时,喇叭老是响,怎样解决? 如何实现导入数据库中的数据--急,知道的请帮忙 有关dataset的问题?? 使用用户控件提示找不到许可证信息,刚才都是好好的 数据库问题:有什么好的解决办法。 请问如何避免client连接server端出现WSAENOTCONN的错误? 自动注册ODBC数据源问题 请大家注意:遇到有人骂你的时候请通知斑竹,不要回骂。 dbsrv7.exe为何长时间的占用我的CPU? 菜鸟问题,麻烦帮帮忙!!!!!!!!! 在delphi中如何做ocx,大家帮我介绍一下。最好是能放在浏览器中用的。 各位大哥,请教一个菜鸟问题!!! 我电脑里装的win2000使用的时候经常死机,就是突然鼠标,键盘都没反应,只能重起, 谁能帮我判断一下会是什么原因? 如何取得TextField的选择区域? 请问浙江有高程培训班吗? 昨天有人扎了我三针...... CallableStatement 问题 "负隅顽抗"在郑成功这篇课文中“隅”的意思是什么? 悲愤欲绝中的绝是什么意思 请问这个数7.9572e-006表示多少原理是什么,软件matlab 把.翻过来的英语怎么说"把.翻过来"的英语怎么说,2格 负隅顽抗中隅的意思是?①靠在沿的地方 ②角落 多元函数 连续 偏导存在 偏导连续 可微 之间的关系是什么?尤其是含义是什么?不要复制粘贴的 10mA以下大小可调的恒流源,用正负9伏电池供电,要求噪声低,温度影响小,有了解的给个电路图和器件型号. 什么宫粉无颜色,什么千里路云和月,什么万里河东人海,什么面边声连角起?大神们帮帮忙是填数字的 钠加入澄清的石灰水中会有什么现象 李杨英文名直翻过来怎么读?YANG LI 这个不是直翻.不懂也不需要说出来了.英式直译. 桌面云和云巢科技有什么关系? 把一小块金钠投入饱和石灰水中,不会出现的现象是,A溶液出现白色沉淀B有金属盖被置换出来,液体底部出现银白色液珠C反应时钠融化成小球,在液面上迅速游动D有气体放出 负隅顽抗 负和隅两个字的意思 细菌细胞壁有全透性吗 麻烦大家看下excel中如何计算标准差?有点着急了啊,我在此先感受大伙了6f 把卡片翻过来 用英语怎么说 高一数学(空间直角坐标系)已知平行四边形ABCD中,A(4,1,3) B(2,-5,1) C(3,7,-5) 则点d的坐标为 ∫xe^xydxdy怎么求,0≤X≤1,-1≤y≤0 【急】同一电池的电流是一定的吗,如果是的话,一般9伏电池的电流是多少?不是的话和什么有关? 三十功名尘与土、八千里路云和月.RT y=y(x)由y=1+xe^(xy)确定求y'(0' 负隅顽抗的隅顽字的意思fdsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss 三十功名尘与土,八千里路云和月 已知y=xe^x,求f^n(0) 把牌翻过来英文怎么说? 三十功名尘与土,八千里路云和月是什么意思 春满燕园 质壁分离能证明细胞壁有全透性吗 细胞壁的全透性是对哪些东西而言可透过? f(x)=xe^-x上函数最大值最大值 x∈[0,4] 为嘛不是4/e^4 ? 而是 1/e 细胞壁全透性问题植物细胞细胞壁不是全透性吗?水自然可以进去了,那为什么植物细胞在清水中不会吸水涨破? 成年女子标枪重量是多少 金陵驿 文天祥 赏析 细胞壁全透性 物质如何通过是通过载体这样,还是说细胞壁是有洞的,这种意思 有丝分裂由细胞周期!减数分裂有细胞周期吗?若有,那么是什么? 夜坐 文天祥首联描绘了怎样的意境 已知函数f(x)=asin(wx a)平房(a大于0,w大于0,a大于0小于派/2),且y=f(x)的最大值为2,其图像相邻两对对不起对不起,我用手机打的,不知道为什么上传上去就少东西了…是f(x)=Asin(w*x+a)两对称轴间 Pt100温度变送器在实验室怎么校验?输出4-20MA,具体怎么接回路 文天祥 金陵驿草合离宫转夕晖,孤云飘泊复何依!山河风景元无异,城郭人民半已非.满地芦花和我老,旧家燕子傍谁飞?从今别却江南路,化作啼鹃带血归.(1)这首诗是从哪两个情感角度写景的? 负隅顽抗的隅在 郑功里 的意思 设一次函数y=kx+b的图象经过点A(2,—1)和点B,其中点B是直线y=—2x+1与y轴的交点,这个函数的表达式为 1、设P,O为两个非空集合,定义集合P+Q={a+b|a∈P,b∈Q},P={0,2,5},Q={1,2,6},则P+Q中的元素有_________个.2、已知集合A={x|x²+x-6=0,x∈R}与B{y|ay+1=0,y∈R}满足B△A,求实数a的值.(△代表真子集)【要过程】3 利用导数判断函数单调区间应注意的问题若在某区间上存在间断的点是f`(x)=0,在其余的点很有f`(x)>0,则f(x)仍为增函数是什么意思,讲通俗点 用中学知识计算图中电路中的电流参考书答案为0.072A 设一次函数y=kx+b的图象经过点A(2,1)和点B,其中点B是直线y=-2x+1与y=轴的交点,求这个函数表达式. 《孙权劝学》的启示和写法特色, 安装自来水收费标准 急救~····~急救!向20℃的饱和澄清石灰水中投入适量的氧化钙粉末充分反应,向20℃的饱和澄清石灰水(甲溶液),中投入适量的氧化钙粉末,充分反应,下列说法错误的是( ) A 溶液温度未冷到20℃ tvoc在什么温度下挥发到最大浓度 五千仞岳上摩天,是谁的什么诗 求李清照的《声声慢》中淡酒、晚风、飞雁、黄花、梧桐、细雨、黄昏这些意象的给人的画面,意境.意境用两个词语概括,画面用一句话概括. 既然函数可导的前提是连续,那么为什么会有这样的题:求一个在某点不连续但有定义的函数的导数,而这个...既然函数可导的前提是连续,那么为什么会有这样的题:求一个在某点不连续但有 五千仞岳上摩天的上一句 下列田径运动项目中属于竞赛项目的是?A 铅球 B马拉松 C标枪 C跳远 请问“您需要的数据在附件中”这句英文怎么翻过来! 五千仞岳上摩天的前一句 MATLAB中dot()函数的用法 已知N(2,√2)是函数y=Asin(ωx+φ)(A>0,w>0,绝对值φ 五千仞岳上摩天的上一句是什么? MATLAB是什么意思? matlab是什么软件? 安理会呼吁马里政府迅速调查联合国维和中俄企业敲定液化天然气购销大单日本虐童面面观中国接受联合国人权审查 美应先审视自巴沙尔下台又能怎么样?美国“监控门”又酿新风波 德法意等国沙特再拒入“非常” 指责安理会未能实韩国要求日本删除主张独岛主权视频中东难民潮考验世界智慧巴沙尔下台又能怎么样?沙特拒绝“非常”背后有小心思 安理会伊朗宣布对死刑中奇迹生还的囚犯免再行菲总统再次称菲政府不会就人质事件致歉韩亚空难最后一名留医伤者出院 曾经历民调称八成俄罗斯人认为俄腐败程度高美国“监控门”又酿新风波 德法意等国奥巴马与默克尔通电话亲口否认窃听其手中国接受联合国人权审查 美应先审视自“神医”胡万林再涉命案 腐而不朽屡屡“神医”胡万林出狱操旧业致一名大学生杭文一路超市门口救护车上一位姑娘产下炉石传说冰火两重法 有效克制宇宙流派《战锤40K:自由之刃》正式上架中国孩子不听话,妈妈该怎么办?罗志祥为专辑销量竟然出卖“肉体”,这时隔一年多终于要更新了,小米平板 2圣骥网络获DEF2015天府奖并透露巴黎女自杀袭击者浴照曝光 全裸爱浓妆火炮深层次解析 火炮使用技巧初来乍到有诀窍 火影忍者手游新手入门沙盒网游《阿尔比恩》开启下周新一轮测重磅:今日大盘将惊天大暴涨!涨!涨!提升战力过关易 火影手游装备强化进阶小雪节气,德众金融教你养生 之道。万科股东权益发生变化 第一大股东华润韩服《冒险岛》新情报公布 6位传说英汉米尔顿之子网晒 Air Jorda顺产是这样的体验呐!探索卓思妙想,派克与您同行官方首枚 Apple Watch 磁明日托福开考 机经预测你hold得住斯科特满意威廉姆斯的领导能力
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘