jquery mobile經常使用的data-role類型

data-role參數表：

page        頁面容器，其內部的mobile元素將會繼承這個容器上所設置的屬性 

header     頁面標題容器，這個容器內部能夠包含文字、返回按鈕、功能按鈕等元素

footer       頁面頁腳容器，這個容器內部也能夠包含文字、返回按鈕、功能按鈕等元素

content     頁面內容容器，這是一個很寬容的容器，內部能夠包含標準的html元素和jQueryMobile元素

controlgroup     將幾個元素設置成一組，通常是幾個相同的元素類型

fieldcontain       區域包裹容器，用增長邊距和分割線的方式將容器內的元素和容器外的元素明顯分隔

navbar     功能導航容器，通俗的講就是工具條

listview     列表展現容器，相似手機中聯繫人列表的展現方式

list-divider      列表展現容器的表頭，用來展現一組列表的標題，內部不可包含連接

button      按鈕，將連接和普通按鈕的樣式設置成爲jQueryMobile的風格

none        阻止框架對元素進行渲染，使元素以html原生的狀態顯示，主要用於form元素。

data-transition參數表：

slide    從右側向左滑入頁面

slideup    從底部向上滑入

slidedown      從上向下滑入

pop     從中心漸顯展開

fade     漸顯

flip       翻轉

 

data-icon參數表：

 

data-iconpos參數表：

right    圖標在文字的右側

top    圖標在文字上面

bottom      圖標在文字下面

pop     從中心漸顯展開

fade     漸顯

flip       翻轉