javascript - 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 .