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

標籤：mob   包含   bottom   query   展開   列表   src   button   分享   

轉自原文 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類型介紹