附加 jquery 不适用于数据表分页

Question

我有 Datatable 和 jquery 删除此数据行的插件 table

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 插件中更改页面时。此点击不再有效。

数据table 网站：http://datatables.net

Answer 1

.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

附加 jquery 不适用于数据表分页

additional jquery not works in datatable pagination

javascript

datatable

jquery