jquery 动态添加的复选框不适用于 Change() 函数

Question

我动态地将几个带有标签和复选框的 li 加载到另一个可见的 ul 中。我将复选框设置为“checked”，并且当我更改这些动态插入的复选框但没有任何反应时，我试图触发一个事件发生。

这是 jquery:

$(".otherProductCheckbox:checkbox").change( function(){
    alert('test');
});

这是动态添加的 li 的 html:

<li class="otherProduct"><input type="checkbox" class="otherProductCheckbox radioCheck" checked="checked"/><label>Product Name</label></li>

知道为什么当复选框更改其选中状态时我无法收到警报吗？

Answer 1

您必须使用 liveQuery 或 live 将事件绑定(bind)到动态添加的元素。

$(".otherProductCheckbox:checkbox").live('change', function(){
    alert('test');
});

编辑要在 IE 中工作，您必须使用单击而不是更改

$(".otherProductCheckbox:checkbox").live('click', function(){
        alert('test');
 });