轉自原文 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 翻轉

jquery mobile常用的data-role類型介紹