[使用Ajax应用数据表时，在编辑和删除时存在问题

Question

我在删除和编辑行数据时遇到问题。我的代码正常工作，但是当将数据表应用到它时，即使我想按console.log()或alert进行检查，删除10位数字后的删除也不起作用，单击它们不会显示任何操作删除或编辑。

未应用数据表时，它可以正常工作

 <tbody>

            <?php
            $count=1;
            foreach ($users as $row) {
            ?>

            <tr>
              <td><?=$count;?></td>
              <td><?=$row->name;?></td>
              <td><?=$row->fname;?></td>
              <td><?=$row->reg_no;?></td>
              <td><?=$row->email;?></td>
              <td><?=$row->address;?></td>
              <td><?=$row->contact;?></td>
              <td><?=$row->gender;?></td>
              <td><?=$row->nationality;?></td>
              <td><?=$row->admission_date;?></td>
              <td><img src="<?=base_url()?>assets/images/students/<?=$row->image?>" width="50px" height="50px"></td>

              <td><a class="Edit" EditID="<?=$row->id;?>" ><i class="fa fa-fw fa-edit"></i></a> |
                  <a class="AdminDelete" data="<?=$row->id;?>" ><i class="fa fa-fw fa-trash-o"></i></a>


              </td>
            </tr>
          <?php $count++;} ?>
            </tbody>

Ajax

<script type="text/javascript">
  $(document).ready(function(){
    $(".AdminDelete").click(function(){
        var id=$(this).attr("data");
        alert(id);
        exit();
        $.ajax({
        url:"'.base_url().'Admin/customer",
        data:{deleteid:id},
        method:"post",
        success:function(data)
        {
           alert("Record deleted successfully");
        }
        });
    });
    </script>

Answer 1

使用以下更新您的jquery单击功能：-

<script type="text/javascript">
$(document).ready(function(){

$(document).on("click", '.AdminDelete', function(e)
    var id=$(this).attr("data");
    alert(id);
    $.ajax({
    url:"'.base_url().'Admin/customer",
    data:{deleteid:id},
    method:"post",
    success:function(data)
    {
       alert("Record deleted successfully");
    }
    });
});
</script>