javascript - Datatable Jquery第二页记录删除事件不起作用

Question

我对从数据库中获取的记录使用数据表 jquery，我想对每条记录执行编辑和删除事件。

数据表已分页，删除功能出现问题。

对于首页的删除功能，执行成功如下图

这是我的第二个分页页面，它甚至没有调用函数

这是我的html代码

<a class="supp_delete_link" id="<?php echo $user->ID; ?>">
              <i class="link black remove icon"></i>
            </a></td>

这是我的javascript代码

<script type="text/javascript">
         $(function(){
           $(".supp_delete_link").click(function(){
             debugger;
             var element = $(this);
             var del_id = element.attr("id");
             console.log(del_id);
             var info = del_id;
         if(confirm("Are you sure you want to delete this?"))
         {
          $.ajax({
            type: "GET",
            url: "supplierdelete"+'/'+info,
            data: info,
            success: function(){
          }
         });
           $(this).parents(".show").animate({ backgroundColor: "#003" }, "slow")
           .animate({ opacity: "hide" }, "slow");
          }
         return false;
         });
         });
</script>

当我在第一个分页时，上面的代码工作得很好，但在第二页时根本没有被调用。

更令人毛骨悚然的是，它甚至没有在控制台中显示任何错误。我卡住了。

Answer 1

绑定(bind)事件将起作用..

<script type="text/javascript">
     $(function(){
       $(document).on("click",".supp_delete_link",function(){//change this line on event bind
         debugger;
         var element = $(this);
         var del_id = element.attr("id");
         console.log(del_id);
         var info = del_id;
     if(confirm("Are you sure you want to delete this?"))
     {
      $.ajax({
        type: "GET",
        url: "supplierdelete"+'/'+info,
        data: info,
        success: function(){
      }
     });
       $(this).parents(".show").animate({ backgroundColor: "#003" }, "slow")
       .animate({ opacity: "hide" }, "slow");
      }
     return false;
     });
     });