javascript - jQuery .change() 没有触发？

Question

我有一个 jQuery .change() 事件，用于识别何时选择/更改了单选按钮。

这是单选按钮代码：

<input type="radio" name="joint" value="0" class="who" data-entity="me"/>
<input type="radio" name="joint" value="1" class="who" data-entity="me and partner"/>

我检测变化的javascript是这样的：

$('input[name=joint]').bind('change', function(){
    alert('changed');
    $('.jointWho').html('Cover for '+$('option:selected',this).data('entity'));
});

但是，当我选择/更改单选按钮时，甚至不会触发，并且我没有看到警报。

有任何想法吗？

Answer 1

它应该在 onLoad 事件中。

Answer 2

您的问题可能是您缺少 document.ready 调用。如果您尝试在加载 HTML 之前绑定内容，它们似乎会通过，但实际上并没有完成绑定（因为如果未加载 HTML，则不存在任何元素）。所以试试这个，像这样包装你的绑定。

$(document).ready(function () {
  // Your code
})

这将确保 HTML 完全加载并且您的绑定在正确的时间得到应用。