jQuery Mobile即學(xué)即用

目　錄
前言　XI
第1章　移動(dòng)平臺(tái)　1
1.1　為什么需要jQuery Mobile　1
1.1.1　移動(dòng)互聯(lián)網(wǎng)的傳說(shuō)　1
1.1.2　移動(dòng)Web應(yīng)用　3
1.1.3　再問(wèn)一次，為什么需要jQuery Mobile　4
1.2　jQuery Mobile是什么　4
1.2.1　jQuery Mobile不是什么　4
1.2.2　框架　5
1.3　移動(dòng)及平板的世界　6
1.3.1　設(shè)備分類　7
1.3.2　操作系統(tǒng)和瀏覽器　9
1.3.3　jQuery Mobile兼容性　11
1.4　HTML5和CSS3　14
1.5　主要特性　15
1.5.1　使用非侵入性語(yǔ)義的HTML5　15
1.5.2　漸進(jìn)增強(qiáng)　17
1.5.3　可訪問(wèn)性支持　18
1.6　測(cè)試Web應(yīng)用　18
1.6.1　仿真器與模擬器　19
1.6.2　遠(yuǎn)程實(shí)驗(yàn)室　22
第2章　框架起步　23
2.1　準(zhǔn)備文檔　23
2.1.1　需求　23
2.1.2　托管文件　23
2.1.3　使用CDN　25
2.1.4　主HTML5模板　27
2.2　Adobe Dreamweaver的支持　29
2.3　架構(gòu)　31
2.3.1　角色　32
2.3.2　主題　33
2.3.3　頁(yè)面　34
2.4　導(dǎo)航　37
2.4.1　后退按鈕　38
2.4.2　內(nèi)部頁(yè)面鏈接　39
2.4.3　外部頁(yè)面鏈接　42
2.4.4　絕對(duì)外部鏈接　46
2.4.5　移動(dòng)互聯(lián)網(wǎng)特有鏈接　47
2.4.6　頁(yè)面間的過(guò)渡效果　47
2.4.7　反轉(zhuǎn)過(guò)渡效果　49
2.5　對(duì)話框　49
2.5.1　關(guān)閉，還是后退　51
2.5.2　從對(duì)話框打開頁(yè)面　54
2.6　與電話整合　54
2.6.1　撥打電話　54
2.6.2　視頻及VoIP呼叫　56
2.6.3　發(fā)送電子郵件　56
2.6.4　發(fā)短消息　57
2.6.5　其他URI方案　57
2.6.6　綜合起來(lái)　58
第3章　UI組件　59
3.1　工具欄　59
3.1.1　定位　60
3.1.2　真實(shí)固定工具欄　62
3.1.3　在頁(yè)頭中添加內(nèi)容　62
3.1.4　在頁(yè)腳中添加內(nèi)容　65
3.1.5　導(dǎo)航欄　66
3.1.6　固定頁(yè)腳　69
3.2　格式化內(nèi)容　71
3.2.1　可折疊內(nèi)容　72
3.2.2　手風(fēng)琴部件　75
3.3　列　76
3.4　按鈕　78
3.4.1　內(nèi)聯(lián)按鈕　79
3.4.2　分組按鈕　79
3.4.3　效果　80
3.4.4　圖標(biāo)　80
3.4.5　創(chuàng)建自定義圖標(biāo)　81
3.4.6　圖標(biāo)位置　83
3.4.7　純圖標(biāo)按鈕　84
3.4.8　圖標(biāo)陰影　84
第4章　列表　85
4.1　整頁(yè)列表與插入列表　88
4.2　視覺(jué)分隔符　89
4.3　交互行　91
4.3.1　內(nèi)嵌列表　94
4.3.2　分割按鈕列表　97
4.3.3　有序交互列表　100
4.4　使用圖片　100
4.4.1　行圖標(biāo)　101
4.4.2　縮略圖　101
4.5　附加內(nèi)容　102
4.6　標(biāo)題與描述　103
4.7　使用計(jì)數(shù)氣泡　103
4.8　使用搜索過(guò)濾數(shù)據(jù)　104
4.9　列表視圖速查表　105
第5章　表單組件　107
5.1　表單動(dòng)作　107
5.2　表單元素　108
5.2.1　文本標(biāo)簽　109
5.2.2　域容器　109
5.2.3　文本輸入框　110
5.2.4　自增長(zhǎng)文本區(qū)　112
5.2.5　新HTML5屬性　113
5.2.6　日期輸入框　114
5.2.7　滑塊　115
5.2.8　平移切換開關(guān)　116
5.2.9　選擇菜單　117
5.2.10　單選按鈕　124
5.2.11　復(fù)選框　126
5.2.12　上傳文件　128
第6章　jQuery Mobile API　129
6.1　文檔事件　129
6.2　配置　131
6.2.1　全局配置　132
6.2.2　頁(yè)面配置　136
6.2.3　部件配置　138
6.3　實(shí)用工具　139
6.3.1　Data-*工具　139
6.3.2　頁(yè)面工具　139
6.3.3　平臺(tái)工具　141
6.3.4　路徑工具　142
6.3.5　UI工具　142
6.4　自定義過(guò)渡　143
6.5　動(dòng)態(tài)內(nèi)容　144
6.5.1　創(chuàng)建頁(yè)面　144
6.5.2　創(chuàng)建部件　147
6.5.3　更新部件　148
6.6　創(chuàng)建網(wǎng)格　148
6.7　改變頁(yè)面內(nèi)容　148
6.8　處理事件　149
6.8.1　頁(yè)面事件　149
6.8.2　部件事件　152
6.8.3　方向事件　152
6.8.4　手勢(shì)事件　153
6.8.5　虛擬點(diǎn)擊事件　154
第7章　創(chuàng)建主題　155
7.1　ThemeRoller　156
7.1.1　全局設(shè)置　157
7.1.2　色樣設(shè)置　158
7.1.3　審查器　159
7.1.4　Adobe Kuler　159
7.1.5　輸出主題　159
7.2　Fireworks主題編輯器　160
7.3　編輯主題　164
7.4　定制頁(yè)面過(guò)渡　165
第8章　安裝以及離線訪問(wèn)　167
8.1　軟件包定義　167
8.1.1　HTML 清單　168
8.1.2　下載應(yīng)用　169
8.1.3　訪問(wèn)在線資源　170
8.1.4　更新資源　171
8.1.5　JavaScript對(duì)象　172
8.1.6　事件　173
8.2　安裝應(yīng)用圖標(biāo)　175
8.2.1　引導(dǎo)　175
8.2.2　圖標(biāo)快捷方式名　176
8.2.3　圖標(biāo)定義　178
8.3　全屏　180
8.3.1　全屏檢測(cè)　181
8.3.2　修飾Web應(yīng)用　182
8.4　完整的例子　184
8.5　存儲(chǔ)離線數(shù)據(jù)　185
第9章　Web應(yīng)用實(shí)例　187
9.1　Web應(yīng)用的結(jié)構(gòu)　187
9.1.1　離線清單　188
9.1.2　頁(yè)面　189
9.1.3　樣式　196
9.1.4　數(shù)據(jù)　197
9.1.5　腳本　197
第10章　擴(kuò)展框架　203
10.1　創(chuàng)建插件　203
10.1.1　基礎(chǔ)模板　204
10.1.2　創(chuàng)建插件　205
10.2　插件精萃　210
10.2.1　分頁(yè)插件　210
10.2.2　Bartender插件　211
10.2.3　DateBox插件　213
10.2.4　Simple Dialog插件　214
10.2.5　Action Sheet插件　216
10.3　供平板使用的插件　216
10.3.1　SplitView插件　217
10.3.2　MultiView插件　219
10.4　兼容的jQuery UI插件　220
第11章　為應(yīng)用商店打包　221
11.1　到應(yīng)用商店去發(fā)布　222
11.2　自定義的發(fā)布　223
11.3　準(zhǔn)備打包　223
11.4　使用PhoneGap打包　224
關(guān)于封面　226