2013-09-26 34 views
5
Ben son sütunda tablom var

ile çalışmıyor satırın tamamı verileri almak için bir elementtirjQuery datatables olay işleyicisi çağrı

Ben sayfalama benim olay işleyicisi tetikler sadece ilk sayfasını sayfa 2 kullandığınızda - 3 - 4 ve benzeri olay işleyicimi tetiklemiyor.

Çağrıyı devre dışı bıraktığımda, tüm kayıtlar olay işleyicimi tetikler.

Altında masamda Aşağıda

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

html bu davranışı gösteren bir jsfiddle olduğunu başlatma için JavaScript ve olay işleyicisi

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

olduğunu. http://jsfiddle.net/stefenwiranata/3ZLth/

cevap

12

this gibi .on() işlevini kullanarak bir olay dinleyicisi eklemeyi deneyin.

+0

ooo çalışıyor, teşekkür ederim, neden sadece $ (". Select_row") kullanamazsınız (click (function() {}); ? –

+1

.click() işlevi, yalnızca geçerli DOM üzerinde eylemler gerçekleştirmenize izin verir ve tıklamayı bağladıktan sonra eklenen öğeleri değil. –

İlgili konular