今天用bootstrap-switch插件渲染了一下checkbox,渲染效果如下:

渲染之后无论我给它添加什么事件(change()、click()...),事件都没有效果。百度了一下发现原来渲染之后不能使用之前的方法,那些方法被插件作者重新包装了一下,现在使用如下:



$('.checkbox_'+ n).on('switchChange.bootstrapSwitch', function (event,state) {  
			//这个state就是选择的状态
			alert(state);
});

然后我们可以根据这个state的状态(true/false),去给checkbox去设置相对应的checked,代码如下: 


if(state == true) {
	     //当前图片设置为轮播图
	      $('.checkbox_'+ n).attr("checked","checked");
	      //去操作数据库
	      //...
} else (state == false) {
	       //取消当前图片为轮播图
	        $('.checkbox_'+ n).removeAttr("checked");
	        //去操作数据库
	        //...
}

这个问题的体现:主要是让我们知道,如果用了别人的插件,在做一些简单的操作无法实现的时候,想一想是否被插件作者给封装了。