jQuery Mobile即学即用

目　录

前言　XI

第1章　移动平台　1

1.1　为什么需要jQuery Mobile　1

1.1.1　移动互联网的传说　1

1.1.2　移动Web应用　3

1.1.3　再问一次，为什么需要jQuery Mobile　4

1.2　jQuery Mobile是什么　4

1.2.1　jQuery Mobile不是什么　4

1.2.2　框架　5

1.3　移动及平板的世界　6

1.3.1　设备分类　7

1.3.2　操作系统和浏览器　9

1.3.3　jQuery Mobile兼容性　11

1.4　HTML5和CSS3　14

1.5　主要特性　15

1.5.1　使用非侵入性语义的HTML5　15

1.5.2　渐进增强　17

1.5.3　可访问性支持　18

1.6　测试Web应用　18

1.6.1　仿真器与模拟器　19

1.6.2　远程实验室　22

第2章　框架起步　23

2.1　准备文档　23

2.1.1　需求　23

2.1.2　托管文件　23

2.1.3　使用CDN　25

2.1.4　主HTML5模板　27

2.2　Adobe Dreamweaver的支持　29

2.3　架构　31

2.3.1　角色　32

2.3.2　主题　33

2.3.3　页面　34

2.4　导航　37

2.4.1　后退按钮　38

2.4.2　内部页面链接　39

2.4.3　外部页面链接　42

2.4.4　绝对外部链接　46

2.4.5　移动互联网特有链接　47

2.4.6　页面间的过渡效果　47

2.4.7　反转过渡效果　49

2.5　对话框　49

2.5.1　关闭，还是后退　51

2.5.2　从对话框打开页面　54

2.6　与电话整合　54

2.6.1　拨打电话　54

2.6.2　视频及VoIP呼叫　56

2.6.3　发送电子邮件　56

2.6.4　发短消息　57

2.6.5　其他URI方案　57

2.6.6　综合起来　58

第3章　UI组件　59

3.1　工具栏　59

3.1.1　定位　60

3.1.2　真实固定工具栏　62

3.1.3　在页头中添加内容　62

3.1.4　在页脚中添加内容　65

3.1.5　导航栏　66

3.1.6　固定页脚　69

3.2　格式化内容　71

3.2.1　可折叠内容　72

3.2.2　手风琴部件　75

3.3　列　76

3.4　按钮　78

3.4.1　内联按钮　79

3.4.2　分组按钮　79

3.4.3　效果　80

3.4.4　图标　80

3.4.5　创建自定义图标　81

3.4.6　图标位置　83

3.4.7　纯图标按钮　84

3.4.8　图标阴影　84

第4章　列表　85

4.1　整页列表与插入列表　88

4.2　视觉分隔符　89

4.3　交互行　91

4.3.1　内嵌列表　94

4.3.2　分割按钮列表　97

4.3.3　有序交互列表　100

4.4　使用图片　100

4.4.1　行图标　101

4.4.2　缩略图　101

4.5　附加内容　102

4.6　标题与描述　103

4.7　使用计数气泡　103

4.8　使用搜索过滤数据　104

4.9　列表视图速查表　105

第5章　表单组件　107

5.1　表单动作　107

5.2　表单元素　108

5.2.1　文本标签　109

5.2.2　域容器　109

5.2.3　文本输入框　110

5.2.4　自增长文本区　112

5.2.5　新HTML5属性　113

5.2.6　日期输入框　114

5.2.7　滑块　115

5.2.8　平移切换开关　116

5.2.9　选择菜单　117

5.2.10　单选按钮　124

5.2.11　复选框　126

5.2.12　上传文件　128

第6章　jQuery Mobile API　129

6.1　文档事件　129

6.2　配置　131

6.2.1　全局配置　132

6.2.2　页面配置　136

6.2.3　部件配置　138

6.3　实用工具　139

6.3.1　Data-*工具　139

6.3.2　页面工具　139

6.3.3　平台工具　141

6.3.4　路径工具　142

6.3.5　UI工具　142

6.4　自定义过渡　143

6.5　动态内容　144

6.5.1　创建页面　144

6.5.2　创建部件　147

6.5.3　更新部件　148

6.6　创建网格　148

6.7　改变页面内容　148

6.8　处理事件　149

6.8.1　页面事件　149

6.8.2　部件事件　152

6.8.3　方向事件　152

6.8.4　手势事件　153

6.8.5　虚拟点击事件　154

第7章　创建主题　155

7.1　ThemeRoller　156

7.1.1　全局设置　157

7.1.2　色样设置　158

7.1.3　审查器　159

7.1.4　Adobe Kuler　159

7.1.5　输出主题　159

7.2　Fireworks主题编辑器　160

7.3　编辑主题　164

7.4　定制页面过渡　165

第8章　安装以及离线访问　167

8.1　软件包定义　167

8.1.1　HTML 清单　168

8.1.2　下载应用　169

8.1.3　访问在线资源　170

8.1.4　更新资源　171

8.1.5　JavaScript对象　172

8.1.6　事件　173

8.2　安装应用图标　175

8.2.1　引导　175

8.2.2　图标快捷方式名　176

8.2.3　图标定义　178

8.3　全屏　180

8.3.1　全屏检测　181

8.3.2　修饰Web应用　182

8.4　完整的例子　184

8.5　存储离线数据　185

第9章　Web应用实例　187

9.1　Web应用的结构　187

9.1.1　离线清单　188

9.1.2　页面　189

9.1.3　样式　196

9.1.4　数据　197

9.1.5　脚本　197

第10章　扩展框架　203

10.1　创建插件　203

10.1.1　基础模板　204

10.1.2　创建插件　205

10.2　插件精萃　210

10.2.1　分页插件　210

10.2.2　Bartender插件　211

10.2.3　DateBox插件　213

10.2.4　Simple Dialog插件　214

10.2.5　Action Sheet插件　216

10.3　供平板使用的插件　216

10.3.1　SplitView插件　217

10.3.2　MultiView插件　219

10.4　兼容的jQuery UI插件　220

第11章　为应用商店打包　221

11.1　到应用商店去发布　222

11.2　自定义的发布　223

11.3　准备打包　223

11.4　使用PhoneGap打包　224

关于封面　226

jQuery Mobile是以全球最流行的jQuery为核心的、跨平台的移动Web应用开发框架。《jQuery Mobile即学即用》着眼于移动Web应用开发实战，从应用结构和导航开始，分门别类地介绍了jQuery Mobile为开发人员准备好的各种界面部件，包括列表视图、工具条、按钮、表单、网格布局等，还介绍了界面主题和配色，以及为jQuery Mobile编程准备的事件、配置及响应式布局API。《jQuery Mobile即学即用》最后向读者展示了一个完整的Web应用开发示例。 《jQuery Mobile即学即用》适合所有对开发移动Web应用感兴趣的读者阅读参考。