jQuery Mobile开发指南

陆明 一位Web移动应用与Facebook营销应用开发专家和技术管理者，毕业于香港理工大学，在15年的从业过程中，经历了软件应用从PC到局域网，再到互联网和移动互联网的历次变革，曾经领导过多个互联网或移动互联网应用，从研发到上市。 此外，他还是一位徒步爱好者和摄影爱好者，喜欢在世界各地徒步旅游和拍摄风景。现居北京，从事数字营销产品的研发工作。

jQuery Mobile 是一套基于jQuery 的移动应用界面开发框架。本书将为你系统讲述使用该框架开发Web移动应用的方法，包括框架构成、页面、对话框、弹出页面、触控交互、按钮、工具栏、列表视图、表单，以及页面响应式布局设计、主题风格美化、事件响应与其他一些高级而实用的技巧。 本书既适合开发人员、测试人员和产品经理使用，也适合作为大中专院校相关专业师生的学习用书与培训教材。

第1章　jQuery Mobile概述　　1 1.1 　Web移动应用还是本机应用　　2 1.2 　移动平台兼容性　　2 1.3 　为何选择 jQuery Mobile　　4 1.4 　其他流行的Web移动应用开发框架　　5 1.5 　jQuery Mobile许可协议　　6 1.6 　受限的应用场景　　6 第2章　框架初探　　7 2.1 　jQuery Mobile与HTML5　　7 2.1.1 　HTML5的演化　　8 2.1.2 　HTML5新特性　　8 2.1.3 　jQuery Mobile应用中经常用到的新特性　　9 2.2 　下载jQuery Mobile　　9 2.3 　第一个程序　　10 2.3.1 　开发前的准备　　11 2.3.2 　Hello World!　　11 2.4 　发布应用　　13 2.4.1 　安装IIS　　13 2.4.2 　通过IIS发布Web移动应用　　15 2.5 　移动设备模拟器　　17 2.5.1 　安装Android模拟器　　17 2.5.2 　创建Android模拟器　　19 2.5.3 　使用Android模拟器　　21 2.6 　jQuery Mobile开发工具　　22 第3章　页面与对话框　　24 3.1 　单页模板与多页模板　　24 3.2 　页面标题　　26 3.3 　页面链接　　27 3.4 　建立和关闭对话框　　30 3.5 　切换方式　　32 第4章　页面高级话题　　33 4.1 　初始化　　33 4.2 　通过预取和缓存改善页面访问速度　　39 4.3 　命名锚记　　43 4.3.1 　在单页模板中实现命名锚记　　45 4.3.2 　在多页模板中实现命名锚记　　46 4.4 　页面间参数传递　　50 4.4.1 　通过JavaScript实现参数传递　　50 4.4.2 　通过HTML5 Web Storage特性实现参数传递　　52 4.5 　加载消息　　56 4.5.1 　自定义加载消息　　57 4.5.2 　通过JavaScript管理加载消息　　59 4.6 　离线应用　　60 4.6.1 　配置Web服务器以支持离线应用　　61 4.6.2 　开发与集成离线应用　　62 第5章　弹出页面　　64 5.1 　基本的弹出页面　　64 5.2 　不同的弹出效果　　66 5.2.1 　菜单与嵌套菜单　　66 5.2.2 　表单　　69 5.2.3 　对话框　　71 5.3 　弹出页面的高级功能　　73 5.3.1 　图片　　73 5.3.2 　视频　　75 5.3.3 　地图　　82 5.3.4 　覆盖面板　　87 5.4 　定制弹出页面样式　　89 5.4.1 　设定弹出页面的位置　　89 5.4.2 　动画切换效果　　91 5.4.3 　弹出页面主题　　91 5.4.4 　关闭按钮　　92 5.5 　属性、选项、方法和事件　　93 5.5.1 　属性　　93 5.5.2 　选项　　94 5.5.3 　方法　　95 5.5.4 　事件　　95 第6章　触控交互　　96 6.1 　触控事件　　96 6.1.1 　轻击与按住　　96 6.1.2 　轻扫　　99 6.2 　虚拟鼠标事件　　100 第7章　按钮　　104 7.1 　基本概念　　104 7.2 　内联按钮　　106 7.3 　按钮图标　　107 7.3.1 　按钮图标样式　　107 7.3.2 　按钮图标位置　　110 7.4 　mini按钮　　111 7.5 　按钮组　　111 7.6 　按钮属性、选项、方法与事件　　113 7.6.1 　属性　　113 7.6.2 　选项　　114 7.6.3 　方法和事件　　115 7.7 　自定义按钮　　116 7.7.1 　自定义按钮图标　　116 7.7.2 　文字折行显示　　117 第8章　工具栏　　119 8.1 　工具栏显示模式　　119 8.2 　页眉和页脚工具栏　　121 8.3 　导航工具栏　　122 8.4 　固定工具栏属性、选项、方法和事件　　125 8.4.1 　属性　　125 8.4.2 　选项　　126 8.4.3 　方法和事件　　127 8.5 　高级开发技巧　　129 8.5.1 　自定义图标导航工具栏　　129 8.5.2 　定制风格导航工具栏　　132 第9章　列表视图　　137 9.1 　基本概念　　137 9.2 　嵌套列表　　139 9.3 　分类列表　　140 9.4 　数字列表　　141 9.5 　分立按钮列表　　142 9.6 　缩略图与图标列表　　143 9.7 　气泡提示　　144 9.8 　只读列表　　146 9.9 　过滤列表内容　　147 9.10 　插页列表　　150 9.11 　折叠列表　　152 9.12 　自动分类列表视图　　155 9.13 　使用列表美化表单布局　　158 9.14 　美化列表内容　　160 9.15 　列表视图属性、选项、方法和事件　　165 9.15.1 　属性　　165 9.15.2 　选项　　166 9.15.3 　方法和事件　　167 9.16 　高级编程技巧　　167 9.16.1 　移除各列表条目间的分隔线　　167 9.16.2 　列表视图触控操作　　168 9.16.3 　动态加载列表视图　　170 第10章　表单　　173 10.1 　表单样式　　173 10.2 　输入框　　175 10.2.1 　属性与选项　　176 10.2.2 　方法与事件　　177 10.3 　单选按钮　　177 10.3.1 　属性与选项　　178 10.3.2 　方法与事件　　179 10.4 　复选框　　179 10.5 　滑块　　180 10.5.1 　属性与选项　　181 10.5.2 　方法与事件　　181 10.6 　开关按钮　　182 10.7 　选择菜单　　183 10.7.1 　分组显示菜单项　　185 10.7.2 　垂直分组与水平分组　　186 10.7.3 　禁用某个菜单项　　188 10.7.4 　多选菜单　　188 10.7.5 　属性与选项　　190 10.7.6 　方法与事件　　191 10.8 　禁用表单元素　　191 10.9 　隐藏标签　　192 10.10 　mini尺寸的表单样式　　193 10.11 　高级开发技术　　195 10.11.1 　表单验证　　195 10.11.2 　文件上传　　196 第11章　页面布局与呈现　　199 11.1 　适应不同的分辨率　　199 11.1.1 　视口　　199 11.1.2 　媒体查询　　201 11.1.3 　背景图片进阶　　205 11.2 　改变屏幕方向　　206 11.3 　分栏布局　　207 11.4 　可折叠内容块　　211 11.4.1 　嵌套可折叠内容块　　213 11.4.2 　属性　　214 11.4.3 　选项　　215 11.4.4 　事件　　219 11.5 　折叠组　　220 第12章　响应式设计　　222 12.1 　基于jQuery Mobile实现响应式设计　　222 12.2 　分栏技术　　223 12.3 　回流表格　　228 12.4 　字段切换表格　　229 12.5 　滑动面板　　230 12.6 　支持触控操作的滑动面板　　232 第13章　主题风格美化　　233 13.1 　主题与色版　　233 13.2 　内置色版　　234 13.3 　通过ThemeRoller自定义主题　　235 13.3.1 　ThemeRoller的基本概念　　235 13.3.2 　编辑全局设置与色版　　237 13.3.3 　导入、下载和分享自定义色版　　238 13.4 　高级开发技术　　240 附录A 　JavaScript测试自动化　　243