监听器不适用于动态添加的单选按钮

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()函数，以便以生动的方式订阅事件。