前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >jQuery Mobile中$.mobile.buttonMarkup方法使用详解

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

作者头像
业余草
发布2019-01-21 15:12:13
6270
发布2019-01-21 15:12:13
举报
文章被收录于专栏:业余草业余草

最近在群里遇到多数网友提到$.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});//设置圆角

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2015年03月31日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档