jquerymobile知識點一:button與a

       下面是jquerymobile知識點,由於本人也是初學,所以有些說的不好的或是說錯的還請大家進行批評。

       首先先上一段代碼:

<a href="#" data-role="button" οnclick="change();" id="IDBtn" data-corners="false" data-icon="back" data-iconshadow="false">Link button</a>
<input type="button" value="clickMe" οnclick="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");依舊加上 ,否則樣式會變。。。

 


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章