数据表中的jQuery调用不适用于第2、3等页

时间:2018-08-21 00:36:09

标签: javascript jquery ajax datatables-1.10

其中一个数据表单元格包含指向执行ajax的jQuery的链接。此链接适用于最初加载的默认10个链接,但当我分页至2、3等时不起作用。

下面是使用的代码示例

<table id="table_list_requests" class="display" summary="">
                                <caption>Meetings Sent</caption>
                                <thead>
                                    <tr valign="top">
                                        <th>Link</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td><a href="javascript://" data-meetingid="123" class="btn btn-link inviteResendLink">Resend Invite</a>
                                        </td>
                                    </tr>
                             </tbody>
                            </table>


$('#table_list_requests').dataTable({
                    "bJQueryUI": false,
                    "sPaginationType": "full_numbers",
                    "bProcessing": true,
                    "bStateSave": true
                });

$(".inviteResendLink").click(function() {
                    $.ajax({
                       type: 'GET',
                       url: 'resend-invite.php',
                       data: {
                           'meeting_id' : $(this).data('meetingid')
                       },
                       dataType: 'text',
                       success: function(r, textStatus, jqXHR) {
                           alert(r);
                       },
                       error: function(jqXHR, textStatus, error) {
                           console.log(error + ' ' + textStatus);
                           alert(error + ' ' + textStatus);
                       }
                    });

                    return false;
                });

0 个答案:

没有答案