jquerymobile知识点：button与a

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

首先先上一段代码：

<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不可用。切记一定要加上