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

简介: <p>最近在群里遇到多数网友提到$.mobile.buttonMarkup()方法的使用。我这里就列了一下api的使用说明,以后大家看博客就能解决问题。如有不正确的地方,请留言指出!</p> <p><strong>jQuery Mobile暴露的方法都是使用$.mobile来引用。</strong><br> $.mobile.buttonMarkup( options, overwri

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

目录
相关文章
|
3天前
|
JavaScript CDN
jQuery方法小记
jQuery方法小记
15 0
|
3月前
|
JavaScript
jQuery追加节点方法 和height方法与width方法
jQuery追加节点方法 和height方法与width方法
|
3月前
|
JavaScript 前端开发
调用jQuery的animate()方法无法移动的问题
调用jQuery的animate()方法无法移动的问题
|
3月前
|
JavaScript 前端开发 UED
jQuery 自动刷新页面但不闪烁的实现方法
jQuery 自动刷新页面但不闪烁的实现方法
|
4月前
|
JavaScript 前端开发
jQuery学习(十二)—jQuery中对象的查找方法总结
jQuery学习(十二)—jQuery中对象的查找方法总结
|
3月前
|
JavaScript 前端开发
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
19 0
|
3月前
|
JavaScript 前端开发
原生js与jQuery显示隐藏div的几种方法
原生js与jQuery显示隐藏div的几种方法
38 0
|
3月前
|
JavaScript 前端开发 CDN
jQuery文件下载方法及引入HTML语法
去jQuery网站下载文件包,点击主页的“Download”之后,进入下载页面,可以选择production版本的进行下载,但是点击进去之后,浏览器并不会直接下载相关的文件,而是跳转到一个“密密麻麻”都是jQuery代码的页面,仔细查看浏览器地址栏中的url便可知,该页面其实就是jQuery的min版的文件,可以使用下面这种方法,下载jQuery文件
65 5
|
4月前
|
JavaScript 前端开发 开发者
jquery常用的方法函数
jquery常用的方法函数
|
4月前
|
JavaScript 前端开发 UED
前端知识笔记(四)———JQuery 自动刷新页面但不闪烁的实现方法
前端知识笔记(四)———JQuery 自动刷新页面但不闪烁的实现方法
49 0