jquery收听新增对象的事件

Question

我正在尝试编写一个由表行组织的动态表单。只要用户点击+，就会插入一行新的输入。为简单起见，我删节代码：

<table id="test"> 
<tr> 
    <td> 
     <a class="addrow" href="javascript:void(0);">+</a> 
    </td> 
</tr> 
</table> 
<script> 
$('.addrow').click(function() { 
    $("#test tr:last").after('<tr><td><a class="addrow" href="javascript:void(0);">+</a></td></tr>'); 
}); 
</script> 

我的问题是，只有第一个+将执行脚本，当新插入+ S被点击，什么都不会发生。我怀疑这是由于jquery没有正确地收听新添加的对象的事件。我尝试添加$（document）.ready（function（）{}）;我试着添加$（document）.ready（function（）{}）;几乎没有运气。

任何帮助表示赞赏。

由于提前，

Answer 1

当你试图对事件做出反应的在DOM不存在的元素，当事件被束缚，你需要使用live()或delegate()：

$('.addrow').live('click',function(){ /* click handler in here */ }) 

或者与delegate()：

个

$('#table').delegate('.addrow','click',function(){ /* click handler in here */ }); 

参考文献：

• live()。
• delegate()。

Answer 2

不知道我理解的问题，但可以使用赛事直播的DOM加载后添加的元素绑定，请参阅http://api.jquery.com/live/

Answer 3

用途：

$('.addrow').live('click', function() { 
    $("#test tr:last").after('<tr><td><a class="addrow" href="javascript:void(0);">+</a></td></tr>'); 
}); 

这是否帮助？