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.