jQuery克隆的对象没有被拾取

Question

我有两个表，两个表中的每一行都有一个带有复选框的<td>。目前，当在第二个表上检查某些内容时，它会复制该行（使用.clone()）。如果未选中第一个表中的某一行，则应从第一个表中删除该行。

这适用于页面生成时第一个表中的行。但克隆的行不会触发jQuery，我想知道我应采取什么方法来解决这个问题。

这是jsfiddle： http://jsfiddle.net/3BZp4/21/

Answer 1

将true作为first argument of .clone传递，以确保已在这些元素上注册的事件也被复制。

请参阅http://jsfiddle.net/alnitak/Kr248/

Answer 2

将true传递给clone（）API，如.clone(true)，以便复制事件处理程序

Answer 3

发生这种情况是因为像$('#featured tbody tr td input.checkbox').on(...)这样的选择器只能用于页面中的tr，所以请尝试以这种方式进行更改

$('#featured').on('change', 'input.checkbox', function(e) {
...
})

和

$('#offers').on('change', 'input.checkbox', function (e) {
...
});

Answer 4

您可以使用live代替on来解决问题