一、按钮样式
1.1所有按钮元素--从小到大 四种颜色组合选择
data-role="BTButton"
普通按钮
class="btn-inverse"
深色按钮
class="btn-primary btn-large"
主要按钮
class="btn-success btn-xlarge"
成功按钮
class="btn-danger btn-xxlarge"
危险按钮
1.2有图标的按钮
data-icon="icon-arrow-up" 图标:classname或者直接插入图片路径
icon-dir="top" 图标的方向:top bottom left right
icon-dir="top" 图标的方向:top bottom left right
主要按钮
主要按钮
主要按钮
主要按钮
1.3只有图标的按钮
data-type="image"

1.4只有文本的按钮
data-type="text"
文本按钮
1.5把按钮群组
返回
刷新

返回
刷新

1.6把群组 class=inline 变一行显示
刷新

返回
刷新
二、按钮事件
2.1有跳转的按钮
data-url="home.html" 目标路径
点击跳转
2.2取消按钮点击高亮效果
效果1:class="btn-active" 原来有激活效果,点击后原有激活效果消失,可以一直点击有效果
留意松开时的效果
效果2:mousedown="false" 按下去没有点击效果,松开如果有原有高亮会被取消,跟第1种效果一样,不一样的地方在于再次点击也不会有效果了
留意松开时的效果
效果3:如果不想消失,加多个属性 mouseup="false" 点击松开不取消点击效果,但是还是会触发按下去的事件
留意松开时的效果
效果4:如果想对按钮重新绑定新的事件,自由控制高亮效果,需要两个属性一起使用
mousedown="false" mouseup="false" 按下去没有效果,跟效果3相似
按下去没有效果