Регистрация обработчика событий для Ajax (Bootstrap-Tree) Плёнка флажков

Question

Когда моя страница сначала загружается, я зарегистрировать событие для всех моих флажков:

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

Шаблон HTML Я модифицирования использует самонастройки дерево для загрузки новый контент. Demo (Возможности пользовательского интерфейса -> Вид дерева -> Источники данных [Правое дерево]).

Я хочу зарегистрировать обработчики событий для флажков, загруженных в новые ветви, поэтому я хочу поймать событие при загрузке содержимого 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 
    }); 
});