jQuery Mobile快速入门

第1章 jQuery Mobile简介 1 1.1 通用访问 1 1.2 跨所有移动平台的统一UI 4 1.3 简化的标记驱动的开发 5 1.4 渐进式增强 6 1...

第1章 jQuery Mobile简介 1 1.1 通用访问 1 1.2 跨所有移动平台的统一UI 4 1.3 简化的标记驱动的开发 5 1.4 渐进式增强 6 1.5 响应式设计 7 1.6 可主题化的设计 10 1.7 可访问性 11 1.8 总结 12第2章 jQuery Mobile入门 15 2.1 jQuery Mobile页面模板 15 2.2 多页面模板 20 2.2.1 设置内部页面的页面标题 22 2.2.2 单页面文档与多页面文档的对比 23 2.3 Ajax驱动的导航 24 2.3.1 $.mobile.changePage() 26 2.3.2 用途 26 2.3.3 参数 26 2.3.4 配置Ajax导航 28 2.4 转换 28 2.5 对话框 31 2.5.1 链接与页面配置的对比 33 2.5.2 操作表 33 2.5.3 对话框UX指南 35 2.6 带有媒体查询的响应式布局 36 2.7 总结 38第3章 使用页眉、工具栏和标签栏来导航 39 3.1 页眉栏 39 3.1.1 页眉基础知识 39 3.1.2 页眉结构 40 3.1.3 页眉定位 40 3.1.4 页眉按钮 42 3.1.5 既有文本又有图标的按钮 43 3.1.6 只带有图标的按钮 43 3.1.7 带有分段控件的页眉栏 44 3.1.8 修复被截断的页眉或页脚 46 3.2 回退按钮 47 3.3 页脚栏 50 3.3.1 页脚基础知识 50 3.3.2 页脚结构 50 3.3.3 页脚定位 51 3.3.4 页脚按钮 52 3.4 工具栏 53 3.4.1 带有图标的工具栏 53 3.4.2 带有分段控件的工具栏 54 3.5 标签栏 56 3.5.1 带有标准图标的标签栏 56 3.5.2 永久标签栏 57 3.5.3 带有自定义图标的标签栏 58 3.5.4 带有分段控件的标签栏 59 3.6 总结 60第4章 表单元素和按钮 63 4.1 按钮 64 4.1.1 链接按钮 64 4.1.2 表单按钮 65 4.1.3 图像按钮 66 4.1.4 使用图标来设计按钮 66 4.1.5 只带有图标的按钮 68 4.1.6 按钮定位 69 4.1.7 带有自定义图标的按钮 69 4.1.8 分组按钮 70 4.1.9 主题按钮 72 4.1.10 动态按钮 73 4.2 表单元素 76 4.2.1 表单基础知识 76 4.2.2 文本输入 77 4.2.3 选择菜单 81 4.2.4 单选按钮 88 4.2.5 复选框 91 4.2.6 滑动条 93 4.2.7 开关控件 97 4.2.8 本地表单元素 98 4.2.9 Mobiscroll日期选择器 101 4.3 总结 103第5章 列表视图 105 5.1 列表基础知识 105 5.2 内置列表 106 5.3 列表分割线 107 5.4 带有缩略图和图标的列表 109 5.5 拆分按钮列表 111 5.6 编号列表 112 5.7 只读列表 113 5.8 列表徽章(计数泡) 114 5.9 使用搜索栏过滤列表 116 5.10 动态列表 118 5.10.1 列表选项 119 5.10.2 列表方法 120 5.10.3 列表事件 120 5.11 总结 121第6章 使用表格和CSS渐变来格式化内容 123 6.1 表格布局 123 6.1.1 表格模板 123 6.1.2 两列的表格 124 6.1.3 带有CSS增强的三列表格 126 6.1.4 带有app图标的四列表格 127 6.1.5 带有emoji图标的五列表格 128 6.1.6 多行表格 129 6.1.7 不相等的表格 130 6.1.8 springboard 131 6.2 可折叠的内容块 133 6.3 可折叠的设置 136 6.4 使用CSS渐变进行样式化 138 6.5 总结 141第7章 创建可主题化的设计 143 7.1 主题基础知识 144 7.2 主题和调色板 145 7.3 主题默认值 148 7.4 主题继承 150 7.5 自定义主题 154 7.6 ThemeRoller 158 7.6.1 调色板和全局设置 158 7.6.2 Preview Inspector和QuickSwatch Bar 159 7.6.3 Adobe Kuler集成 160 7.6.4 入门 161 7.7 总结 163第8章 jQuery Mobile API 165 8.1 配置jQuery Mobile 165 8.1.1 自定义脚本的位置 166 8.1.2 可配置的jQuery Mobile选项 166 8.2 方法 170 8.3 事件 175 8.3.1 事件概览 176 8.3.2 触发事件 182 8.4 属性 183 8.5 数据属性 183 8.6 总结 191第9章 服务集成策略 193 9.1 使用RESTful服务的客户端集成 194 9.1.1 使用Ajax的客户端Twitter集成 194 9.1.2 使用Ajax的客户端表单POST 199 9.2 使用MVC的服务器端集成 205 9.2.1 使用MVC的服务器端表单POST 205 9.2.2 使用MVC的服务器端数据访问 210 9.2.3 服务器端与客户端的对比 211 9.3 Google Maps集成 213 9.4 总结 216第10章 使用PhoneGap轻松部署jQuery Mobile应用程序 217 10.1 什么是PhoneGap 218 10.2 将jQuery Mobile作为一个iOS app来运行 218 10.3 将jQuery Mobile作为一个Android app来运行 226 10.4 Open App Market 231 10.5 客户端设备API 233 10.6 总结 233