jQuery Mobile中$.mobile.buttonMarkup方法使用詳解

最近在群裡遇到多數網友提到$.mobile.buttonmarkup()方法的使用。我這裡就列了一下api的使用說明，以後大家看部落格就能解決問題。如有不正确的地方，請留言指出！

jquery mobile暴露的方法都是使用$.mobile來引用。

$.mobile.buttonmarkup( options, overwriteclasses ) 添加按鈕的樣式元素

其中options為對象,overwriteclasses為布爾類型，預設為false。當設定為true，buttonmarkup()丢棄所有樣式；相反，當設定為false，在目前已經存在的樣式基礎上增加樣式。

options對象的屬性解釋如下：

corners屬性：設定圓角，布爾類型，預設為true。當為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。它的使用類似于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,繼承自父元素，字元串類型。它的使用類似于data-theme="b"。和class添加"ui-btn-"屬性類似，如：ui-btn-b。

如下使用：

$("#myanchor").buttonmarkup({corners:false});//取消圓角

$("#myanchor").buttonmarkup({shadow:false});//設定陰影

$("#myanchor").buttonmarkup({corners:true});//設定圓角

如有不懂，請加qq群：135430763共同學習！