Слушатель не работает для динамически добавленного радиокнопки

Question

Я использую следующий слушатель:

$('#datatable .Answer input:radio').on('change', function() { 
     alert('Radio Button'); 

    }); 

И я добавляю переключатель динамически в эту таблицу «#datatable» следующим образом:

$(this).html('<input type="radio" class="Answer" name="correct"/>'); 

где это это элемент td, в который должен быть добавлен переключатель. Почему слушатель не работает над новыми элементами?

Answer 1

Почему слушатель не работает над новыми элементами?

Потому что вы должны подписаться на событие изменения, как это:

$('#datatable .Answer').on('change', 'input:radio', function() { 
    alert('Radio Button'); 

}); 

Обратите внимание, как селектор 'input:radio' перемещается в функции .on() для того, чтобы подписаться на событие в живой манере.