jQuery Mobile "data"屬性

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       翻轉

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章