bootstrap的toggles开关的使用

2018-01-17  本文已影响36人  OnyWang

第一次使用,总结一下使用方法。

  1. 引入css
 <link href="static/assets/plugins/toggles/toggles.css" rel="stylesheet">
  1. 引入js文件
<script src="static/assets/plugins/toggles/toggles.min.js"></script>
  1. 编写页面
 <div class="form-group">
         <label class="col-md-2 control-label">是否联网</label>
         <div class="col-md-10 control-label">
          <div class="toggle toggle-success"></div>
         </div>
</div>
  1. script里面进行初始化
 $(function () {
   // Form Toggles
   $('.toggle').toggles({on: true});
});
上一篇 下一篇

猜你喜欢

热点阅读