bootstrap switch 使用笔记

官网demo:http://www.bootcss.com/p/bootstrap-switch/

官网上例子很漂亮,code 写的比较详细,照着写还是出现了一个问题,问题虽然解决了,但是疑惑依然存在,官网的写法应该是不会有问题的,但是我的效果也展现出来了,希望了解的小伙伴儿给解释下,多谢!

1、css+js引入:







2、bootstrap-switch  选中、取消事件报错!

不知道是我引入的js版本问题还是写法有问题,使用如下代码控制按钮是否选择时,后台报错,代码及错误如下:


$('#toggle-state-switch').bootstrapSwitch('setState', false);

bootstrap switch 使用笔记_第1张图片

此时 jsp 代码如下:



	


反复测试无效后(磨磨唧唧一个周六就过去了,哎……),使用如下代码解决:

$('#d1').bootstrapSwitch('toggleState',true);


bootstrap switch 使用笔记_第2张图片
按官网示例写法 toggleState 为 还原按钮操作,没想到这里确实设置是否选择!

问题虽然解决了,但是疑惑依然存在,官网的写法应该是不会有问题的,但是我的效果也展现出来了,希望了解的小伙伴儿给解释下,多谢!


你可能感兴趣的:(bootstrap)