amazeui-switch
3.3.3 • Public • Published 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 />
Package Sidebar
Install
Weekly Downloads