bootstrap switch 使用 append添加开关无效果解决方法

一.写项目用的bootstrap框架，现在需要开关按钮，就选择了bootstrap switch,看了好多文章都没有我遇到的问题，就是用 append 添加标签没有效果，索性就自己研究了。

二.提个建议，如果你看了别人boostrap switch文章和使用其JS和CSS可能在我这里不起作用，因为版本不一样。后面会附上我使用的JS和CSS。

三.进入正题

1.下载JS和CSS，链接：https://pan.baidu.com/s/1wGkCtTr-mRju0aKGVx_5Qw 密码：93wm

2.还需要jQuery的扶持

3.页面代码

    
    

    
    



    
bootstrap switch
    click

    
    
    

4.详细解释看代码注解

5.效果（没添加之前）

6.效果（添加三个开关）

7.效果（将第一个和第三个置为’关‘）

8.效果（看控制台输出的结果，就是触发的事件，红框框是样式 class 的值）