jQuery Mobile权威指南

前言
第1章　初识jQuery Mobile/1
1.1　jQuery Mobile简介/2
1.1.1　功能特点/2
1.1.2　支持平台/3
1.1.3　与jQTouch、Sencha Touch、SproutCore的比较/4
1.2　如何获取jQuery Mobile/5
1.2.1　下载插件文件/5
1.2.2　使用URL方式加载插件文件/6
1.3　jQuery Mobile应用开发迅速上手/6
1.4　本章小结/10
第2章　页面与对话框/11
2.1　jQuery Mobile页面结构/12
2.1.1　基本框架/12
2.1.2　多容器页面结构/13
2.1.3　外部页面链接/15
2.1.4　页面后退链接/18
2.2　预加载与页面缓存/20
2.2.1　预加载/20
2.2.2　页面缓存/22
2.3　页面的脚本/23
2.3.1　创建页面/23
2.3.2　跳转页面/25
2.3.3　加载页面/27
2.4　对话框/29
2.4.1　创建简单对话框/29
2.4.2　关闭对话框/31
2.5　本章小结/33
第3章　工具栏与格式化内容/34
3.1　头部栏/35
3.1.1　头部栏的基本结构/35
3.1.2　设置后退按钮的文字/37
3.1.3　添加按钮/39
3.1.4　设定按钮位置/41
3.2　导航栏/43
3.2.1　导航栏的基本结构/43
3.2.2　头部导航栏/44
3.2.3　导航栏的图标/46
3.2.4　设置导航栏图标位置/48
3.2.5　自定义图标/50
3.3　尾部栏/54
3.3.1　添加按钮/54
3.3.2　添加表单元素/56
3.4　内容格式化/57
3.4.1　网格布局/57
3.4.2　可折叠的区块/60
3.4.3　可嵌套的折叠区块/62
3.4.4　折叠组标记/63
3.5　本章小结/65
第4章　页面常用组件/66
4.1　按钮/67
4.1.1　内联按钮/67
4.1.2　按钮组标记/69
4.2　表单/71
4.2.1　文本输入/71
4.2.2　滑块/73
4.2.3　翻转切换开关/75
4.2.4　单选按钮/76
4.2.5　复选框/78
4.2.6　选择菜单/81
4.2.7　多项选择菜单/84
4.3　列表/86
4.3.1　基本列表/86
4.3.2　嵌套列表/87
4.3.3　有序列表/89
4.3.4　分割按钮列表/91
4.3.5　分割列表项/93
4.3.6　图标与计数器/95
4.3.7　内容格式化与计数器/96
4.4　本章小结/98
第5章　jQuery Mobile主题/99
5.1　主题的定义及使用场景/100
5.1.1　默认主题/100
5.1.2　修改默认主题/103
5.1.3　自定义主题/105
5.2　列表与表单元素的主题/108
5.2.1　列表主题/108
5.2.2　表单主题/110
5.2.3　按钮主题/112
5.2.4　激活状态主题/113
5.3　工具栏与页面内容的主题/115
5.3.1　工具栏主题/115
5.3.2　页面主题/117
5.3.3　内容主题/119
5.4　本章小结/121
第6章　jQuery Mobile插件/122
6.1　图片滑动浏览插件PhotoSwipe/123
6.2　图片幻灯片插件Camera/126
6.3　滚动选择时间插件Mobiscroll/130
6.4　搜索插件AutoComplete/133
6.5　日期对话框插件DateBox/136
6.6　简单对话框插件SimpleDialog/138
6.7　快捷标签插件ActionSheet/142
6.8　本章小结/145
第7章　jQuery Mobile API详解/146
7.1　基本配置项/147
7.1.1　自定义页面加载和出错提示信息/147
7.1.2　使用函数修改gradeA配置值/149
7.2　事件/152
7.2.1　触摸事件/152
7.2.2　设置翻转事件/156
7.2.3　屏幕滚动事件/158
7.2.4　页面显示或隐藏事件/161
7.3　访问地址的相关方法/164
7.3.1　访问路径和URL地址转换方法/164
7.3.2　URL地址验证方法/167
7.3.3　域名比较方法/170
7.3.4　纵向滚动方法/172
7.4　本章小结/175
第8章　jQuery Mobile开发技巧与最佳实践/176
8.1　开启或禁用列表项中的箭头/177
8.2　使用悬浮的方式固定头部栏与尾部栏/179
8.3　初始化页面随机显示背景图/181
8.4　按钮标题文字的控制/183
8.5　侦听HTML 5画布元素的触摸事件/185
8.6　在jQuery Mobile 中提交表单数据/188
8.7　切换按钮的开启/禁用状态/191
8.8　开启或禁用AJAX方式打开页面链接/193
8.9　使用localStorage传递链接参数/196
8.10　在jQuery Mobile中构建离线功能/198
8.11　本章小结/201
第9章　开发移动终端新闻订阅管理系统/202
9.1　需求分析/203
9.1.1　总体设计/203
9.1.2　功能设计/203
9.2　数据结构/204
9.2.1　数据库设计/204
9.2.2　输出API设计/206
9.3　系统封面开发/208
9.4　系统首页开发/210
9.5　订阅管理页开发/214
9.6　类别新闻页开发/217
9.7　新闻详情页开发/221
9.8　其余文件/223
9.8.1　样式文件/224
9.8.2　API接口文件/226
9.9　本章小结/226
第10章　开发移动终端记事本管理系统/227
10.1　需求分析/228
10.1.1　总体设计/228
10.1.2　功能设计/229
10.2　新手导航页开发/229
10.3　系统首页开发/233
10.4　记事列表页开发/236
10.5　记事详细页开发/238
10.6　修改记事内容页开发/241
10.7　添加记事内容页开发/244
10.8　样式文件/247
10.9　本章小结/249
实 例 目 录
第1章　初识jQuery Mobile/1
实例1-1　Hello World 页面的实现/6
实例1-2　多页面的切换/8
第2章　页面与对话框/11
实例2-1　jQuery Mobile 基本的页面框架/12
实例2-2　jQuery Mobile多容器间的切换/14
实例2-3　jQuery Mobile外部页面链接切换/16
实例2-4　jQuery Mobile页面后退链接/18
实例2-5　jQuery Mobile页面预加载/20
实例2-6　jQuery Mobile页面缓存/22
实例2-7　jQuery Mobile中的pagecreate事件/24
实例2-8　使用changePage()方法跳转页面/25
实例2-9　使用loadPage()方法加载页面/27
实例2-10　jQuery Mobile中创建对话框/29
实例2-11　jQuery Mobile中关闭对话框/31
第3章　工具栏与格式化内容/34
实例3-1　头部栏的基本结构/35
实例3-2　设置后退按钮的文字/37
实例3-3　添加按钮/39
实例3-4　设定按钮位置/41
实例3-5　添加尾部导航栏/43
实例3-6　添加头部导航栏/44
实例3-7　为导航栏链接按钮添加图标/47
实例3-8　设置导航栏链接按钮图标的位置/49
实例3-9　自定义导航栏链接按钮的图标/51
实例3-10　在尾部栏中添加按钮/54
实例3-11　在尾部栏中添加表单元素/56
实例3-12　在内容区域添加多种类型的网格布局/58
实例3-13　在正文中显示可折叠的区块/60
实例3-14　在正文中显示可嵌套的折叠区块/62
实例3-15　在正文中显示折叠组标记/63
第4章　页面常用组件/66
实例4-1　内联按钮/67
实例4-2　按钮组标记/69
实例4-3　不同类型的文本输入/71
实例4-4　拖动滑块改变元素背景色/73
实例4-5　翻转切换开关/75
实例4-6　用两种方式显示单选按钮/77
实例4-7　用两种方式显示复选框/79
实例4-8　用两种方式显示选择菜单/81
实例4-9　多项选择菜单/84
实例4-10　基本列表/86
实例4-11　嵌套列表/88
实例4-12　有序列表/89
实例4-13　分割按钮列表/91
实例4-14　分割列表项/93
实例4-15　列表中的图标与计数器/95
实例4-16　内容格式化与计数器/97
第5章　jQuery Mobile主题/99
实例5-1　通过下拉框选择并保存主题/101
实例5-2　修改默认主题/103
实例5-3　自定义主题/105
实例5-4　列表容器混搭主题/108
实例5-5　改变表单主题/110
实例5-6　显示5种按钮主题风格/112
实例5-7　激活状态主题/114
实例5-8　工具栏主题混搭效果/115
实例5-9　改变页面主题/117
实例5-10　折叠区域中的内容主题/119
第6章　jQuery Mobile插件/122
实例6-1　图片滑动浏览插件PhotoSwipe的应用/123
实例6-2　图片幻灯片插件Camera的应用/126
实例6-3　滚动选择时间插件Mobiscroll的应用/130
实例6-4　搜索插件AutoComplete的应用/133
实例6-5　日期对话框插件DateBox的应用/137
实例6-6　简单对话框插件SimpleDialog的应用/139
实例6-7　快捷标签插件ActionSheet的应用/142
第7章　jQuery Mobile API详解/146
实例7-1　自定义页面加载和出错提示信息/147
实例7-2　使用函数修改gradeA配置值/149
实例7-3　使用触摸事件滑动浏览图片/153
实例7-4　使用翻转事件检测移动设备的手持方向/156
实例7-5　使用屏幕滚动事件控制页面显示的文字与样式/159
实例7-6　绑定页面的显示与隐藏事件/161
实例7-7　makePathAbsolute()和makeUrlAbsolute()转换方法/165
实例7-8　isRelativeUrl()和isAbsoluteUrl()验证方法/168
实例7-9　域名比较方法isSameDomain()的使用/171
实例7-10　纵向滚动方法silentScroll()的使用/173
第8章　jQuery Mobile开发技巧与最佳实践/176
实例8-1　开启或禁用列表项中的箭头/177
实例8-2　使用悬浮的方式固定头部栏与尾部栏/179
实例8-3　初始化页面随机显示背景图/181
实例8-4　按钮标题文字的控制/183
实例8-5　侦听HTML 5画布元素的触摸事件/185
实例8-6　在jQuery Mobile 中提交表单数据/188
实例8-7　切换按钮的开启/禁用状态/191
实例8-8　开启或禁用AJAX方式打开页面链接/193
实例8-9　使用localStorage传递链接参数/196
实例8-10　在jQuery Mobile中构建离线功能/199
第9章　开发移动终端新闻订阅管理系统/202
实例9-1　新闻订阅系统封面开发/208
实例9-2　新闻订阅系统首页开发/210
实例9-3　新闻订阅管理页开发/214
实例9-4　类别新闻页开发/217
实例9-5　新闻详情页开发/221
第10章　开发移动终端记事本管理系统/227
实例10-1　新手导航页开发/229
实例10-2　记事本管理系统首页开发/233
实例10-3　记事列表页开发/236
实例10-4　记事详细页开发/239
实例10-5　修改记事内容页开发/241
实例10-6　添加记事内容页开发/244