额外的jquery不能在数据表分页中工作

additional jquery not works in datatable pagination

本文关键字：数据表分页工作不能 jquery 更新时间：2023-09-26

我有Datatable和jquery插件，删除这个数据表

Jquery代码:

   $(document).ready(function () {
        $(".delete-ajax").live("click", function (e) {
            e.preventDefault();
            recordId = $(this).attr('id');
            alert(recordId);
            var requestAdress = '{!! route("admin.area.cities.destroy", ":id") !!}';
            requestAdress = requestAdress.replace(':id', recordId);
            $.ajax({
                cache: false,
                dataType: "json",
                type: "delete"
                , url: requestAdress
                , date: {
                    "_token": "{{ csrf_token() }}",
                    "id": recordId
                },
                success: function () {
                    $('tr#' + recordId).fadeOut(300, 'linear');
                }
            }, "json");
            });
 });

代码的工作很好，但每当我改变页面在datatable分页jquery插件。点击失败

Datatable网站:http://datatables.net

.live()的使用现在已折旧。使用事件委托:

$(document).ready(function () {
        $(document).on("click",".delete-ajax", function (e) { // updated ths line
            e.preventDefault();
            recordId = $(this).attr('id');
            alert(recordId);
            var requestAdress = '{!! route("admin.area.cities.destroy", ":id") !!}';
            requestAdress = requestAdress.replace(':id', recordId);
            $.ajax({
                cache: false,
                dataType: "json",
                type: "delete"
                , url: requestAdress
                , date: {
                    "_token": "{{ csrf_token() }}",
                    "id": recordId
                },
                success: function () {
                    $('tr#' + recordId).fadeOut(300, 'linear');
                }
            }, "json");
            });
 });

查看Live Removed