JQuery的onclick事件在JQuery中无法识别第二页的数据表

JQuery onclick event isn't recognizing in JQuery datatable from second page

本文关键字：JQuery 数据表 二页 事件 onclick 识别      更新时间：2023-09-26

我有JQuery数据表，我想删除行，当删除链接被点击。它的工作很好前10行，即为第一页。当我从分页移动到另一个分页时。这行不通。下面是我的代码:

$("#example tbody td.delete").click(function(event) {
                var row = $(this).closest("tr").get(0);
                oTable.fnDeleteRow( row );
    });

一行的最后一行都有"delete"类。

我应该怎么做才能为所有的页面或所有的记录工作?

如果您使用的是jQuery 1.7或更早版本，则需要使用实时事件处理程序，因为后续页面是动态添加的。

$('#example tbody td.delete').live('click', function(event) {
    var row = $(this).closest('tr').get(0);
    oTable.fnDeleteRow( row );
});

jQuery .live ()

编辑:

看起来人们还在使用这个答案，所以要用最新的最佳实践来更新它，不要使用.live()。Live在1.7中被弃用，在1.9中被删除。相反，使用.on()处理程序。这可以通过将事件绑定到父元素来处理委托事件，并使用您想要定位的实际元素作为可选的选择器参数。要在上面的例子中使用它，它看起来像这样:

$('#example tbody').on('click', 'td.delete', function(event) {
    var row = $(this).closest('tr').get(0);
    oTable.fnDeleteRow( row );
});

当尝试绑定内联事件时，它的工作

 onclick="$('#dataConfirmOK').attr('href',$(this).attr('url'))"

如果实时扩展不工作，那么您可以额外添加实时扩展插件。http://plugins.jquery.com/files/live-extension.js_4.txt

如果在加载下一页项时绑定"Click事件"，则更可取。请在每次加载页面时加载下面的代码。并定义函数"click_function_to_call" 

<script type="application/javascript">
  $("#example tbody td.delete").click(click_function_to_call);
</script>
相关文章：