jQueryMobile開發指南

第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