3.3.3 • Published 8 years ago
amazeui-switch v3.3.3
Amaze UI Switch
将 checkbox
和 radio
转换为按钮开关。
项目源自 Bootstrap Switch,只是将样式调整为 Amaze UI 风格,没有修改 JS 源码。
使用说明:
- 获取 Amaze UI Chosen:
- 直接下载
- 使用 NPM:
npm install amazeui-switch
在 Amaze UI 样式之后引入 Switch 样式:
Amaze UI Chosen 依赖 Amaze UI 样式。
<link rel="stylesheet" href="path/to/amazeui.min.css"/> <link rel="stylesheet" href="path/to/amazeui.switch.css"/>
在 jQuery 之后引入 Switch 插件:
<script src="path/to/jquery.min.js"></script> <script src="path/to/amazeui.switch.min.js"></script>
初始化 Switch:
$(function() {
$('[name="my-checkbox"]').bootstrapSwitch();
});
可以监听到 jQuery Ready 事件的 DOM 也可以使用 data-am-switch
钩子自动初始化:
<input type="checkbox" data-am-switch />