Jquery在加載後未檢測到複選框中的更改（）

Question

此代碼僅檢測到更改複選框一次。在使用load（）函數後，未檢測到複選框中的另一個更改。

這個問題的解決方法是什麼？

感謝，

的Jquery：

$(document).ready(function() { 
    $(".checkTask").on("change", changed); 
}); 


function changed() { 
    var id = $(this).attr("idTask"); 
    var csrftoken = getCookie('csrftoken'); 

    // Checked 
    if ($(this).prop('checked')) { 
     $.post("/link/", {id: id, csrfmiddlewaretoken: csrftoken}, function (data) { 
      $("#tableTask").load(location.href + " #tableTask>*"); 
     }); 
    } 
    // Unchecked 
    else { 
     $.post("/link/", { 
      id: id, 
      csrfmiddlewaretoken: csrftoken 
     }, function (data) { 
      $("#tableTask").load(location.href + " #tableTask>*"); 
     }); 
    } 
} 

HTML：

<table class="table table-condensed table-hover table-striped"> 
    <tbody id="tableTask"> 
     <tr> 
      <td>  
       <input class="checkTask" type="checkbox" idTask="{{ task.id }}"/> 
      </td> 
     </tr> 
    </tbody> 
</table> 

Answer 1

當你在你消滅複選框事件處理程序，你之前有沒有Ajax回調重新加載$("#tableTask")內容。

重寫$(".checkTask").on("change", changed);到：

$(document).on("change", ".checkTask", changed); 

或

$("#tableTask").on("change", ".checkTask", changed); 

所以你會不斷加入這個事件處理程序，新創建的複選框。