我有两个表,两个表中的每一行都有<td>
一个复选框。目前,当在第二个表上检查某些内容时,它会复制该行(使用.clone()
)。当第一个表中的一行未被选中时,它应该从第一个表中删除。
这对于页面生成时第一个表中的行非常有效。但是克隆的行不会触发 jQuery,我想知道我应该采取什么方法来解决这个问题。
这是jsfiddle:http: //jsfiddle.net/3BZp4/21/
我有两个表,两个表中的每一行都有<td>
一个复选框。目前,当在第二个表上检查某些内容时,它会复制该行(使用.clone()
)。当第一个表中的一行未被选中时,它应该从第一个表中删除。
这对于页面生成时第一个表中的行非常有效。但是克隆的行不会触发 jQuery,我想知道我应该采取什么方法来解决这个问题。
这是jsfiddle:http: //jsfiddle.net/3BZp4/21/
true
作为第一个参数.clone
传递以确保已经在这些元素上注册的事件也被复制。
像这样将 true 传递给 clone() API,.clone(true)
以便复制事件处理程序
发生这种情况是因为选择器 like$('#featured tbody tr td input.checkbox').on(...)
只能用于tr
已经在页面中,所以尝试以这种方式进行更改
$('#featured').on('change', 'input.checkbox', function(e) {
...
})
和
$('#offers').on('change', 'input.checkbox', function (e) {
...
});