jquerymobile知识点：button与a

浏览数：23 / 时间：2015年06月09日

首先先上一段代码：

<a href="#" data-role="button" onclick="change();" id="IDBtn" data-corners="false" data-icon="back" data-iconshadow="false">Link button</a>
<input type="button" value="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");依旧加上 ，否则样式会变。

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style 代码 log java html ha la sp class style 代码 log java html ha la sp

相关文章

随机文章

您可能还喜欢

您可能还喜欢