为Ajax（Bootstrap-Tree）加载复选框注册事件处理程序

Question

首次加载我的页面时，我会为所有复选框注册该事件：

$(":checkbox").change(function () {
var $this = $(this);
if ($this.is(':checked')) { }...
}

我正在修改的HTML模板使用bootstrap-tree来加载新内容。 Demo（用户界面功能 - ＆gt;树状视图 - ＆gt;数据源[右侧树]）。

我想为新分支中加载的复选框注册事件处理程序，所以我想在加载ajax内容时捕获事件。我在SO中搜索了相关问题并尝试了以下方法：

//$(document).on('click', '.ajax', function () {
//$(document).ready(function() {
//$('a.ajax').live('click', function() {
//$(document).ajaxComplete(function() {

但他们都没有工作......

Answer 1

您可以使用DOMSubtreeModified和unbind

$("#divId").bind("DOMSubtreeModified", function() {
    alert("dom tree changed");
    $(":checkbox").unbind('change').bind('change', function () {
        // your binding code
    });
});