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

來源:互聯網
上載者:User

標籤: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類型介紹

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.