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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM