Bootstrap表操作无法在下一页上运行

Question

目前我正在开发一个包含Bootstrap表的页面。这些表是自动填充的。在第一页上没有消除元素的问题，因为有一条消除的确认消息。

当我转到下一页时，我想要消除点击“x”以消除它会删除操作，但不会显示确认消息。

这是代码

can('delete', $unit)
                                                    <form id="{{ $unit->id }}" style="display: inline-block;" method="post" action="{{ url("estates/$estate->uid/units/$unit->uid") }}">
                                                        {{ csrf_field() }}
                                                        <input type="hidden" name="_method" value="delete">
                                                        <button id="deleteUnit-{{ $unit->id }}" class="btn btn-simple btn-danger eliminar" rel="tooltip" data-placement="left" title="Eliminar" name="eliminar" data-id="{{ $unit->id }}">
                                                            <i class="fa fa-times"></i>
                                                        </button>
                                                    </form>
                                                @endcan

和

$().ready(function(){
        window.operateEvents = {
            'click .edit': function (e, value, row, index) {
                info = JSON.stringify(row);

                // swal('You click edit icon, row: ', info);
                console.log(row.actions);
            },
            'click .remove': function (e, value, row, index) {
                console.log(row);
                $table.bootstrapTable('remove', {
                    field: 'id',
                    values: [row.id]
                });
            }
        };

        $table.bootstrapTable({
            toolbar: ".toolbar",
            showRefresh: false,
            search: true,
            showToggle: false,
            showColumns: true,
            pagination: true,
            searchAlign: 'left',
            pageSize: 10,
            clickToSelect: false,
            pageList: [10, 15, 20],

            formatShowingRows: function(pageFrom, pageTo, totalRows){
                $(window).resize(function () {
                    $table.bootstrapTable('resetView');
        });
                //do nothing here, we don't want to show the text "showing x of y from..."
            },
            formatRecordsPerPage: function(pageNumber){
                return pageNumber + " rows visible";
            },
            icons: {
                refresh: 'fa fa-refresh',
                toggle: 'fa fa-th-list',
                columns: 'fa fa-columns',
                detailOpen: 'fa fa-plus-circle',
                detailClose: 'fa fa-minus-circle'
            }
        });

        //activate the tooltips after the data table is initialized
        $('[rel="tooltip"]').tooltip();

        $(window).resize(function () {
            $table.bootstrapTable('resetView');
        });



        $('[id^="deleteUnit-"]').on('click', function (e) {
            event.preventDefault();
            var id = $(this)[0].getAttribute('data-id');

            swal({
                title: '¿Estás seguro?',
                text: "No es posible deshacer esta acción!",
                type: "warning",
                showCancelButton: true,
                cancelButtonText: "Cancelar",
                confirmButtonClass: "btn btn-info btn-fill",
                confirmButtonText: "Si, eliminar",
                cancelButtonClass: "btn btn-danger btn-fill",
                closeOnConfirm: false,
                closeOnCancel: true
            }, function(isConfirm){
                if (isConfirm){
                    document.getElementById(id).submit();   
                }
            });

        });


    });

这是一张图片Screenshoot