jQuery Mobile中$.mobile.buttonMarkup方法使用具体解释

近期在群里遇到多数网友提到$.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共同窗习!

相关文章
相关标签/搜索