Jquery ON函數僅在ajax負載上觸發一次或兩次

Question

我覺得很奇怪，.on()函數在ajax負載上僅觸發一次/兩次事件。

下面是一個示例代碼：

$(document).on('click', '.cbxCheckAll', function(e) { 
alert(this.checked); 
$(this).parents('table').find('input.cbxDelete:checkbox').attr('checked', this.checked); 
}); 

場景： 所以基本上，我有了用戶的列表下拉。在下拉菜單中選擇用戶後，它會立即通過ajax將選定用戶的信息加載到div上。然後在該div上，我有多個複選框，並帶有「全選」選項。

單擊「全選」後，它確實選中了所有複選框。再次點擊，它沒有勾選複選框。那麼，它確實有效。但是當我再次點擊（第三次）時，它不再工作。它似乎只能在第二次點擊中起作用。

您可能注意到，我有一個alert()，顯示「全選」複選框的值。它似乎每次點擊它（第3，第4等）時都會觸發，但檢查/取消選中部分不是。

我剛剛更新了我的jquery版本到最新（1.9）。由於.live()最新版本被刪除，我正在使用版本（1.7）和.live()函數，並將其更改爲.on()。

在此先感謝！

Answer 1

在處理checked屬性時，您必須在最近版本的jQuery中使用.prop()。

$(document).on('click', '.cbxCheckAll', function(e) { 
    //alert(this.checked); 
    console.log(this.checked); 
    $(this).parents('table').find('input.cbxDelete:checkbox').prop('checked', this.checked); 
});