jqueryMobile模塊整理—按鈕(buttons)


        作為一名移動端開發小菜鳥,由於公司指定使用jQueryMobile來作為開發框架(雖然一開始我的內心是拒絕的~)。不過框架總是有可取之處的,所以從今天開始整理一下jqm(jQueryMobile簡稱)的模塊使用方法。

1、在jqm中,不管是a標簽還是input標簽等,添加data-role = "button"  或class="ui-btn"  屬性,即可將該標簽變為按鈕。

 

2、添加 .ui-btn-inline類可使按鈕成橫排顯示。

 

3、添加 .ui-corner-all 類控制按鈕是否有圓角,添加 .ui-btn-icon-notext類控制按鈕是否有文本。



4、添加 .ui-btn-icon-方向類控制按鈕與文字的位置。

 

5、添加 .ui-btn-a類或 .ui-btn-b類控制按鈕主題,添加 .ui-shadow-icon類控制icon陰影。

 

6、添加 .ui-mini類或 data-mini="true"屬性控制按鈕大小。

 

7、添加 .ui-disabled類或 disabled="disabled"屬性控制按鈕不可點擊。

 

8、添加 .ui-btn-active類給按鈕選中狀態。如果希望按鈕去除jqm的自帶樣式,只需要添加 data-role="none"屬性。
 
  總結:文章寫得很簡陋,只是將官網上的demo中示例重新提取了一下知識點。




















 


免責聲明!

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



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