데이터 테이블이 자바 스크립트 함수를 호출하지 않습니다

Question

안녕 내 데이터 테이블에 여기에 문제가 있습니다 (http://www.datatables.net/) 여기 내 코드입니다.

enter code here 
    <table id="example" width="100%" border="0" class="display" > 
     <thead> 
     <tr align="center"> 
     <th>Function</th> 
     <th>Location Name</th> 
     <th>Route Id</th> 
     <th>Stops</th> 
     <th>Cbm</th> 
     <th>Tons</th> 
     <th>Function</th> 
     </tr> 
     </thead> 
     <tbody> 
     <?php 
     if(isset($load)>0){ 
      $id = 0; 
      foreach($load as $key => $load){ 
      $id++; 
     ?> 
     <tr > 
      <td> 
       <img **class="pencil_edit"** title="edit" src = "<?php echo       base_url()."application/kookabura/images/pencil.png"; ?>">      
      </td> 
      <td><?php echo $load['name'];?></td> 
      <td><?php echo $load['route_id'];?></td> 
      <td><?php echo $load['stops'];?></td> 
      <td><?php echo $load['cbm'];?></td> 
      <td><?php echo $load['tons'];?></td>    
     </tr> 

     <?php } 
     } 

     if(isset($_POST['date']) == ''){ 
      $date = date('Y-m-d'); 
     }else{ 
      $date = $_POST['date']; 
     } 
     ?> 
     </tbody>    
     </table> 

는 지금은 처음 10 개 개의 레코드가이 함수를 호출 할 수 있습니다 같이하지만 예를 들어 레코드 번호 (11) 또는 후 다음 레코드를 검색 한 후 일종의 그렇지 않은 테이블입니다 자바 스크립트의 기능을 가지고 작업. 어떤 생각? 도움을 너무 많이 TNX는 여기에서 말하는 어떤 메신저를 이해할 수 있기를 바랍니다 : D

$(".pencil_edit") 
      .click(function() { 
      alert('hello'); 
    }); 

Answer 1

당신이 AJAX는 다음 방법으로 다음과 같이 사용하는 경우

jQuery를 1.8 이상

$(document).on('click', ".pencil_edit", function() { 
      alert('hello'); 
}); 

jQuery 1.7 이하

$(".pencil_edit").live("click", function() { 
    alert("Goodbye!"); // jQuery 1.3+ 
});