作為一名移動端開發小菜鳥,由於公司指定使用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中示例重新提取了一下知識點。
