jquery 个关于高级数据表的事件

Question

我从数据库中检索了一些记录并显示在数据 table 中，我使用了 jquery 事件。点击 [点击付款] 按钮，它在 [=29= 的第一页中工作正常] 但是当我使用 table 下一个分页时，按钮上的点击事件不起作用

这是我的代码

$('.pay-btn').click(function (e) {
            var payBTN = $(this);
            var row = $(payBTN).closest('tr');
            var bankID = parseInt( $(row).find('.bankAccountID').val() );
            var id = payBTN.prop('id');
            if(bankID){
                $.ajax({
                    url: '{{url("/")}}/tenancycontracts/setpaymentpaid',
                    data: {id: id, bankID: bankID},
                    success: function (data) {
                        if (data == 'paid') {
                            payBTN.parent().html('<a class="btn btn-success"><i class="icon-ok"></i> Paid</a>');
                        }
                    }
                });
            }else{
                alert('Select Bank.');
            }
        });

我正在使用 laravel 4.2

Answer 1

使用委托事件处理程序：

$('#table').on('click', '.pay-btn', function(e) {

dataTables 将 table 行注入并删除 DOM 以显示页面。这就是为什么您的事件处理程序无法正常工作的原因，除了第 1 页之外。

注意：不知道你的 <table> id 是什么 - 用你的 id.[=15 替换 #table =]

jquery 个关于高级数据表的事件

jquery events on advanced datatables

jquery

datatables

laravel-4