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

前端之家收集整理的这篇文章主要介绍了javascript – JQuery onclick事件无法在第二页的JQuery数据表中识别前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有 JQuery Datatable,我想删除行,当点击删除链接时.它适用于前10行,即第一页.当我从分页移动到另一个.它不起作用.这是我的代码
$("#example tbody td.delete").click(function(event) {
                var row = $(this).closest("tr").get(0);
                oTable.fnDeleteRow( row );
    });

行的所有最后一行都有“删除”类.

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

解决方法

如果您使用的是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 );
});
原文链接:https://www.f2er.com/jquery/156378.html

猜你在找的jQuery相关文章