JQuery Datentabellen Ereignishandler nicht mit Paging-Arbeits

Question

I Tabelle mit letzter Spalte ist ein Element, ganze Zeile Daten zu erhalten,

Wenn ich Paging, nur die erste Seite, die meine Ereignishandler auslöst, Seite 2 - 3 - 4 usw. löst nicht den Event-Handler aus.

Wenn ich Paging deaktivieren, lösen alle Datensätze meine Ereignisbehandlungsroutine aus.

Unten ist die Javascript für die Initialisierung und der Event-Handler

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'); 
       }); 

Unterhalb der HTML-Code für meinen Tisch ist

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

Im Folgenden wird ein jsfiddle dieses Verhalten zu demonstrieren. http://jsfiddle.net/stefenwiranata/3ZLth/

Answer 1

Versuchen Sie, einen Ereignis-Listener mit der .on()-Funktion wie this anzufügen.