jQuery динамические данные ajax с событием click

Question

Привет всем, я пытаюсь понять, почему, когда я заполняю свою страницу данными, когда я пытаюсь сделать событие .click на флажке, который он никогда не находит ... , когда у меня есть код на странице, не будучи собранным из ajax, он отлично работает?

jQuery(document).ready(function() { 
    jQuery('#selectAll').click(function() { 
     console.log('hit'); 
    }); 
}); 

<th scope="col" id="cb" class="manage-column column-cb check-column"> 
    <input id="selectAll" type="checkbox"> 
</th> 

Приведенный выше код работает отлично, если код флажок на странице, чтобы начать с , но не работает, если тот же код заполняется через AJAX.

Что я буду делать неправильно?

Answer 1

использование на делегированные события

jQuery(document).ready(function() { 
    jQuery(document).on('click','#selectAll',function() { 
    console.log('hit'); 
    }); 
}); 

вам необходимо делегировать событие, если элемент генерируется динамически ... Однако, рекомендуется делегировать его к ближайшему staic родительского контейнера, чем сам document для лучшего производительность .. link, чтобы узнать больше о делегированных событиях