Turn checkboxes and radio buttons in toggle switches. Forked from Bootstrap Switch.
JavaScript CSS
Permalink
Failed to load latest commit information.
docs Initial commit Mar 19, 2015
src Initial commit Mar 19, 2015
.editorconfig Initial commit Mar 19, 2015
.eslintrc bump version Jul 6, 2016
.gitignore Initial commit Mar 19, 2015
.npmignore Initial commit Mar 19, 2015
LICENSE Initial commit Mar 19, 2015
README.md modify the docs Apr 9, 2015
amazeui.switch.css Initial commit Mar 19, 2015
amazeui.switch.js Initial commit Mar 19, 2015
amazeui.switch.min.js Initial commit Mar 19, 2015
gulpfile.js Initial commit Mar 19, 2015
package.json bump version Jul 6, 2016

README.md

Amaze UI Switch


checkboxradio 转换为按钮开关。

项目源自 Bootstrap Switch,只是将样式调整为 Amaze UI 风格,没有修改 JS 源码。

使用说明:

  1. 获取 Amaze UI Switch:

  2. 在 Amaze UI 样式之后引入 Switch 样式:

    Amaze UI Switch 依赖 Amaze UI 样式。

    <link rel="stylesheet" href="path/to/amazeui.min.css"/>
    <link rel="stylesheet" href="path/to/amazeui.switch.css"/>
  3. 在 jQuery 之后引入 Switch 插件:

    <script src="path/to/jquery.min.js"></script>
    <script src="path/to/amazeui.switch.min.js"></script>
  4. 初始化 Switch:

    $(function() {
      $('[name="my-checkbox"]').bootstrapSwitch();
    });

    可以监听到 jQuery Ready 事件的 DOM 也可以使用 data-am-switch 钩子自动初始化:

    <input type="checkbox" data-am-switch />