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共同学习!

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

业余草

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值