先介紹一下我的問題出現的環境：

公司用的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() {

//中間程式碼

})

成功了！

哈哈哈哈！