jQuery单击不应用于重新绘制/注入的项目

Question

我有一个简单的jQuery，它使用以下内容注入一个新行（...），其中包含一个select，一个文本框和一些单选按钮到现有表：

$(':radio').click(function() {
    $('#bdTable tr:last').after(makeHTML());
});

现在这一切都很好，但是click事件只适用于在页面上呈现的原始行，而不是我们使用上面的代码生成的新行。我希望所有单选按钮在单击时触发此功能。

有没有人知道我如何将点击事件应用于新行？

如有必要，我可以扩展。

Answer 1

您可以使用delegate（）：

$('#bdTable').delegate(':radio', 'click', function(){
     $('#bdTable tr:last').after(makeHTML());
});

Answer 2

查看jQuery's live()功能。

$(':radio').live('click', function() {
  $('#bdTable tr:last').after(makeHTML());
});

Answer 3

使用如下实时

$(':radio').live("click", function() {
    $('#bdTable tr:last').after(makeHTML());
});

Answer 4

使用：

$(':radio').live(function() {
    $('#bdTable tr:last').after(makeHTML());
});