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

Jquery Datatables event handler not working with paging

本文关键字:适用于 分页 不适用 程序 Datatables 事件处理 Jquery      更新时间:2023-09-26

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

当我使用分页时,只有触发事件处理程序的第一页、第 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/

尝试使用 .on() 函数附加事件侦听器,如下所示。