jquery - 如何在使用 "datatables"搜索后重新绑定(bind)click()事件

Question

我有一个使用数据表显示的表格。表中的一列是一个复选框。选中(或取消选中)该复选框会导致 Ajax 事件。就像这样:

<script type="text/javascript">
  $(document).ready(function() {
    $(".data-table").dataTable({});
    $(".my-checkbox").click(function() {
       $.ajax(....)
    })
  })
</script>

<table class="data-table">
  <tr>
    <td><input type="checkbox" class="my-checkbox"></td>
  </tr>

  <!-- repeat many times -->
</table>

这在初始页面加载时效果很好，但是一旦我使用“搜索”框，change() 方法就会与搜索找到的任何内容解除绑定(bind)。

是否有一个 API Hook ，可以在搜索完成后将我的 click() 处理程序重新绑定(bind)到复选框？或者有更好的办法吗？

Answer 1

.click 是 .bind 的快捷方式，它仅绑定(bind)页面中的元素。你必须使用.live:

$('.my-checkbox').live('click', handler);

另一种选择是使用委托(delegate):

$('.data-table').delegate('.my-checkbox', 'click', handler);

更新:从 jQuery 1.7+ 开始，.live 和 .delegate 均已弃用并由 .on< 取代:

$('.my-checkbox').on('click', handler);