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

Question

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

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

Answer 1

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