jquery mobile 中常見的問題

基礎篇

1、jquery mobile 只會從載入的文件中取出第乙個頁面（第乙個帶role="page"的div），其他內容都將被忽略。即所有目標文件的head元素中的資訊以及其他在首個頁面元素之外的內容都被忽略。

2、為避免dom占用過多記憶體，當外部載入頁面變得不可見時（再後退或前進到乙個新頁面後），jquery mobile 會自動從dom中刪除它

強制快取方法：在元素上加data-dom-cache="true"

3、連線到非jquery mobile 內容的站點或文件

解決：在a標籤新增data-rel="external",我的部落格

4、a鏈結加上了target屬性或者連線中使用data-ajax=false，會被當做絕對外部鏈結

5、連線上加data-direction=「reverse」來強制（後退行為）使用反轉過渡效果

6、對話方塊主題色用data-overlay-theme來指定

7、頁面比例預設是可自動改變，在meta標籤中加user-scalable=no屬性可以改變視窗比例。

元件篇1、工具欄（頁頭、頁尾）：在data-role="page"的div標籤裡加上data-fullscreen="true"全屏顯示工具欄透明效果。

2、強制指定按鈕的位置，用class="ui-btn-right"或者class="ui-btn-left"

3、可折疊元件：可折疊元件地中沒有hx元素時，內容出於開啟狀態且不能收縮；當有多個hx時，第乙個當作標題，其他的當作內容處理。

4、手風琴元件：預設情況下展開最後乙個面板，如果想預設展開別的面板，只需在想展開的元素加data-collapaed="false",並且在所有其他面板上加上data-collapsed=「true」

5、列元件：在移動裝置上最好放一些小元素，如：按鈕、鏈結或小專案，元素最多可以排列為5個等寬列。建立網格只需使用div,ui-grid-a表示2列，ui-grid-b表示3列....每個單元格應帶有ui-block-的塊容器，其中的值為a-e，分別表示第一至第五列。

6、建立按鈕的方式：①使用button元素 ②使用會被渲染為按鈕的input元素，包括type=「button」、type=「submit」、type=「reset」、type=「image」等 ③任何帶有data-role=「button」的元素

7、建立內聯按鈕：預設情況下按鈕會獨佔一行，在元素上應用data-inline=「true」來建立內聯按鈕，這種按鈕不會佔滿螢幕的寬度，可以通過布局網格來使至多5個按鈕佔一行。

8、控制項組、分組按鈕：乙個帶有data-role=「controlgroup」的div元素就是乙個控制項組，在控制項組的基礎上加data-type=「horizontal」來建立水平布局分組按鈕。

eg:垂直分配組： btn1 btn2 btn3

eg:水平分配組： btn1 btn2 btn3

9、按鈕效果：通過data-shadow="false" data-corners="false"使按鈕不帶陰影和圓角。

12、控制列表行的重要程度：想要突出顯示某行時，可將對應的標題包含在hx中（如h1），這樣行高會增加些；想要某些行顯得不那麼重要，可將對應行的標題包含在p標籤中，行高會減少些。

13、行圖示：位於行標題左側的16*16畫素的（常用於各種操作列表如刪除、編輯等），由ui-li-icon類定義，如

15、附加內容：在行的次級列中顯示的補充資訊，用帶有ui-li-aside類的span或者div元素來實現。

16、搜尋過濾資料元件：在列表的ul或ol上加data-filter=「true」屬性，列表頭會自動出現起作用的搜尋框，該搜尋框左側帶有搜尋圖示、乙個水印提示文字，圓角，右側還有清晰的清除圖示。可以使用data-filter-placeholder改變搜素框內的文字。