前　　言
第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
· · · · · · (收起)