如何检测新单选按钮上的更改？

Question

我有检测单选按钮变化的代码，然后调用按钮上的方法。它在现有的按钮上工作得很好，但是当我(通过ajax)向页面添加新的单选按钮时，它们就不能工作了。如何让它检测新单选按钮上的变化？

这是我的coffeescript代码：

jQuery ->
    $(".radio-button:radio").change ->
        doSomething(this)

在JS中如下所示：

jQuery(function() {
  return $(".radio-button:radio").change(function() {
    return doSomething(this);
  });
});

Answer 1

对于动态创建的元素，需要使用.on()执行事件委托。

$(document).on('change','.radio-button:radio', function() {
    //Your code here
});

代替(用于静态元素)

$(".radio-button:radio").change(function() {
    //Your code
});

注意:您需要用DOM中存在的静态父选择器$(parent)替换$(parent)&使用它可以获得更好的性能。