首页 > 代码库 > jquerymobile知识点:button与a
jquerymobile知识点:button与a
首先先上一段代码:
<a href=http://www.mamicode.com/"#" data-role="button" onclick="change();" id="IDBtn" data-corners="false" data-icon="back" data-iconshadow="false">Link button</a><input type="button" value=http://www.mamicode.com/"clickMe" onclick="clickMe();" id="me"/></body></html><script type="text/javascript"> function change(){ $("#IDBtn").attr("class","ui-disabled"); $("#IDBtn").buttonMarkup( "refresh" ); } function clickMe(){ $("#me").attr("disabled","disabled"); $("#me").button( "disabled" ); }</script>
首先先记录一下:
data-corners = "false" :表示按钮是否是圆角的
data-theme = "a" :表示按钮的主题
data-role="button" 这个比较多 大家可以查看api
data-icon="back" 这个是按钮带的图标 大家可以查看api
data-inline="true" 表示仅仅包裹内容
data-shadow="true" 表示加上阴影效果
data-iconshadow="true"表示给图标加上阴影效果
data-mini="true" 迷你型状态
以上是button和a中
常用的。。。。。。。。。
以下来讲解代码::
第一个change()函数仅适合a用,class="ui-disable" 表示动态给a加入class之后,a不可用。切记一定要加上
$("").buttonMarkuo("refresh"); //表示刷新要不然样式会发生改变。。。。
第二个函数clickMe()是适合button用的 $("").buttonMarkuo("refresh");依旧加上 ,否则样式会变。
jquerymobile知识点:button与a
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。