jquerymobile知识点:button与a
2024-08-26 07:23:13
首先先上一段代码:
<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");依旧加上 ,否则样式会变。
最新文章
- [Android]使用Dagger 2依赖注入 - DI介绍(翻译)
- Quartz2D 编程指南(一)概览、图形上下文、路径、颜色与颜色空间
- SqlServer性能优化索引(五)
- 【HTML点滴】WWW简介
- Elasticsearch 1.X 版本Java插件开发
- qt--- vs
- Discuz 插件制作之后台常用函数详解
- 《一课经济学》书摘笔记I
- 【转】个人常用iOS第三方库以及XCode插件介绍 -- 不错
- Flume配置
- js的两种数据类型
- sqlite3API函数
- centos 使用 beyond compare 对比工具
- redis - Sentinel 和 cluster
- ScheduledThreadPoolExecutor
- 检查nginx后端real server脚本,实现发现宕机剔除,恢复服务自动加入功能
- 【转】C#中Serializable序列化实例详解
- UML的通用机制(三)
- 文件上传allowedTypes和文件下载contentType(mimeType)
- 7 python 类的组合