近期在羣裏遇到多數網友提到$.mobile.buttonMarkup()方法的使用。api
我這裏就列了一下api的使用說明,之後你們看博客就能解決這個問題。若有不對的地方,請留言指出!post
jQuery Mobile暴露的方法都是使用$.mobile來引用。
$.mobile.buttonMarkup( options, overwriteClasses ) 加入按鈕的樣式元素
當中options爲對象,overwriteClasses爲布爾類型,默以爲false。當設置爲true,buttonmarkup()丟棄所有樣式。相反。當設置爲false。在當前已經存在的樣式基礎上添加樣式。學習
options對象的屬性解釋例如如下:
corners屬性:設置圓角,布爾類型。默以爲true。ui
當爲true時添加ui-corner-all樣式。當爲false是刪除ui-corner-all樣式。對象
它的使用相似於data-corners="false"。繼承
icon屬性:設置圖標,字符串類型,默以爲""。它的使用相似於data-icon="arrow-r"。和class加入"ui-icon-"屬性相似。字符串
iconpos屬性:設置圖標位置,字符串類型,默以爲"left"。它的使用相似於data-iconpos="right"。和class加入"ui-btn-icon-"屬性相似。博客
iconshadow屬性:設置陰影圖標。布爾類型。默以爲false。這個選項是使用1.4.0將會被刪除在1.5.0。it
它的使用相似於data-iconshadow="true"。和class加入"ui-shadow-icon"屬性相似。
inline屬性:設置元素的行內樣式,布爾類型,默以爲false。它的使用相似於data-inline="true"。和class加入"ui-btn-inline"屬性相似。
mini屬性:設置元素的較小樣式,布爾類型,默以爲false。它的使用相似於data-mini="true"。和class加入"ui-mini"屬性相似。
shadow屬性:設置元素的陰影,布爾類型。默以爲true。它的使用相似於data-shadow="false"。和class加入"ui-shadow"屬性相似。
theme屬性:設置主題,默以爲null,繼承自父元素,字符串類型。io
它的使用相似於data-theme="b"。
和class加入"ui-btn-"屬性相似。如:ui-btn-b。
例如如下使用:
$("#myAnchor").buttonMarkup({corners:false});//取消圓角
$("#myAnchor").buttonMarkup({shadow:false});//設置陰影
$("#myAnchor").buttonMarkup({corners:true});//設置圓角
若有不懂,請加qq羣:135430763共同窗習!