Jquery Datatables 事件处理程序不适用于分页
Jquery Datatables event handler not working with paging
我有最后一列的表是获取整行数据的元素,
当我使用分页时,只有触发事件处理程序的第一页、第 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()
函数附加事件侦听器,如下所示。
相关文章:
- 如何使用skip参数使用angular ui引导进行服务器端分页
- 如何通过引用var Using DataTables来进行分页或排序
- 使用CSS或JavaScript计算分页符的数量
- DataTables-创建自定义分页样式(加载更多样式)
- 使用ajax的服务器端分页&jQuery
- 如何在JS中创建类似于iOS主屏幕的分页效果
- ngTable筛选器仅适用于第一页
- setAutoGrow()只适用于应用程序的第一页,这有什么错
- 困惑于我应该从哪里开始分页{$.getJSON,php image array}
- 复选框只适用于第一页-数据表、轨道
- 仅适用于索引页
- 字符编码适用于一页,但不适用于另一页
- Jquery只适用于第一页加载(ajax异教)
- jquery悬停只适用于首页(Chrome)
- Backbone.js只适用于单页应用吗?
- 如何设置“全选”功能只适用于一页
- 为什么我的标题Qualtrics JS似乎只适用于第一页
- AngularJS只适用于单页应用(spa)吗?
- 如何在不同的页面上使用查询模式?这只适用于一页
- 如何将无限滚动应用于此自定义分页页面