Jquery Datatables 事件处理程序不适用于分页

Posted 2023-02-22

【中文标题】Jquery Datatables 事件处理程序不适用于分页

【英文标题】：Jquery Datatables event handler not working with paging

【发布时间】：2013-10-02 04:17:51

【问题描述】：

我有最后一列的表格是获取整行数据的元素，

当我使用分页时，只有触发我的事件处理程序的第一页，第 2 - 3 - 4 页等不会触发我的事件处理程序。

当我禁用分页时，所有记录都会触发我的事件处理程序。

下面是初始化的javascript和事件处理程序

var OTkaryawan = $('#table_karyawan').dataTable( );

$(".select_row").click(function() 
//                    var row = $(this).closest('tr')[0];
//                    var aData = OTkaryawan.fnGetData(row);
//                    alert(aData[0]);
                    alert('A');
                );

下面是我的表格的html

<table id="table_karyawan" style="border: 1px #ccc solid;">
                    <thead>
                        <tr>
                            <th>NIK</th>
                            <th>Nama Lengkap</th>
                            <th>Lokasi Kerja</th>
                            <th>Departemen</th>
                            <th>Jabatan</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php foreach ($master_karyawan as $key => $value): ?>
                            <tr>
                                <td><?= $value['nik']; ?></td>
                                <td><?= $value['nama']; ?></td>
                                <td><?= $value['lokasikerja']; ?></td>
                                <td><?= $value['departemen']; ?></td>
                                <td><?= $value['jabatan']; ?></td>
                                <td class="select_row">Select</td>
                            </tr>
                        <?php endforeach; ?>
                    </tbody>
                </table>

以下是演示此行为的 jsfiddle。 http://jsfiddle.net/stefenwiranata/3ZLth/

【参考方案1】：

尝试使用.on() 函数（如this）附加事件侦听器。

【讨论】：

ooo 它有效，谢谢，为什么我不能只使用 $(".select_row").click(function()); ?

因为 .click() 函数只允许你对当前 DOM 执行操作，而不是绑定点击后添加的元素。