JavaScript 中 当用live绑定多个同名事件时，如何移除事件。

先介绍一下我的问题出现的环境：

公司用的dwz框架，需求是在一个页面点击，加载一个dialog弹出框，每一个页面都是一个单独的jsp文件：其中在弹出的dialog的那个页面文件中，有下面一段代码：

因为dwz框架的实现机制，就是把当前的代码片段加载到主页面中，所以想给页面中的所有checkbox绑定change事件，发现只能用live绑定事件，而用on绑定事件绑定不上：

$('.checkbox_school').live('change', function() {
var schoolInfo = $(this).val();
var schoolInfoObj=eval("("+schoolInfo+")"); //数据字符串转换成对象
if( $(this).attr('checked') && (jQuery.inArray(schoolInfoObj.name,chosenSchoolArr) == -1) ) {
//如果这个input被选中，并且在chosenSchoolArr中没有它,就把它存入chosenSchoolArr中,把id存入chosenSchoolIdArr中
chosenSchoolArr.push(schoolInfoObj.name);
chosenSchoolIdArr.push(schoolInfoObj.id);
}else if( !($(this).attr('checked')) && (jQuery.inArray(schoolInfoObj.name,chosenSchoolArr) != -1) ){
//如果这个input被取消选中，并且在chosenSchoolArr中有它,从数组中删除
chosenSchoolArr.splice(jQuery.inArray(schoolInfoObj.name,chosenSchoolArr),1);
chosenSchoolIdArr.splice(jQuery.inArray(schoolInfoObj.id,chosenSchoolIdArr),1);
}

if(chosenSchoolArr.length >= 3){
$('.input_school').each(function(){
if(!$(this).attr('checked')) {$(this).attr('disabled','true');}
})
}else if(chosenSchoolArr.length < 3){
$('.input_school').each(function(){
$(this).removeAttr('disabled');
})
}

});

以上是背景介绍。

但是在实际的应用中发现原没有那么简单，当我不刷新页面而关闭dialog(弹出框)之后，再打开一次这个dialog(弹出框),代码会被再加载一次，也就是说会再一次绑定这个click事件，当我实际对这checkbox进行点击时，这个点击事件会被执行多次，里面的代码会被执行多次，要解决这个问题，只能在尽量不用live绑定事件或者。

之后我想可不可以在每次执行代码，绑定事件之前把之前绑定的事件给取消绑定？答案是可行的。于是在伟大的度娘的帮助下，发现可以用die()函数取消之前用live绑定的事件。于是起满心欢喜地在这个事件之后，加上了一句：$('.checkbox_school').die('click'); 然后运行测试。。。。果然。。。出错了。

同事说程序员不可能写出没有bug的代码，每天都在创造bug，查找bug，修复bug中度过。

正当我想要放弃，曲线解决问题时，偶然想到jq中的事件是可以连写的，我抱着试试看的态度写了一句：

$('.checkbox_school').die('change').live('change', function() {

//中间代码

})

成功了！

哈哈哈哈！