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>

现在我在javascript中有一个函数看起来像前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+
});

数据表没有调用javascript函数

1 个答案: