Question

我创建了一个包含多行输入字段的表。在最后一个＆＃39;我的倒数第二个＆＃39; tr＆＃39;，我添加了两个控制添加或删除表格行的div。看看我的（非常基本的）代码。

<table id='mytable'>
        <tr><th>Name</th><th>Job</th><th>Time</th><th></th></tr>
        <tr><td><input id="name"/></td><td><input id="job"/></td><td><input id="time"/></td><td><div id='addPerson'>+</div></td></tr>
        <tr id="calcRow"><td id='People'></td><td id='Jobs'></td><td id='TimeTotal'></td><td></td></tr>
</table>

非常简单吧？使用jQuery我在＆＃39; addPerson＆＃39;上添加了一个onClick事件。在我的桌子里面的div。这是我的（再次非常基本的）代码：

$("#addPerson").on('click', function(){
    //append a new row
});

追加新行有效，在我的最后一行（＆＃39; calcRow＆＃39;）之前添加了一个新行，并且几乎与倒数第二行相同。唯一不同的是，新的倒数第二行在已有的div（＆＃39; addPerson＆＃39;）旁边有第二个div（＆＃39; removePerson＆＃39;）和＆＃39; addPerson＆＃ 39;从我的旧第二行到最后一行的div被删除。

现在我的问题是，当我点击＆＃39; addPerson＆＃39;或者＆＃39; removePerson＆＃39;什么都没发生！我创造了一个小提示来展示这个问题：

http://jsfiddle.net/hegxxayp/2/

我已经尝试过了#l;＆＃39;和＆＃39; .click＆＃39;而不是＆＃39;。在＆＃39;，但到目前为止没有任何工作。我是否必须以某种方式绑定事件，或者我的代码是否有问题？

附加表行没有响应onClick

0 个答案: