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

Question

这个问题已经有答案了:

Events triggered by dynamically generated element are not captured by event handler (5 个回答)

已关闭 10 年前。

我正在使用以下监听器:

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

    });

我将单选按钮动态添加到此表“#datatable”，如下所示:

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

其中这是应添加单选按钮的 td 元素。为什么监听器不能处理新元素？

Answer 1

Why doesn't the listener work on new elements?

因为您应该像这样订阅更改事件:

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

});

请注意 'input:radio' 选择器如何移动到 .on() 函数，以便以活跃的方式订阅事件 em>方式。