Javascript 我的编辑按钮在下一页不起作用（仅在第一页起作用）

我的编辑和删除查询只在datatables的第一页上工作，而不在第二页上工作。 我正在使用ajax和jquery。我是新来的，这是我在大学里的项目。谢谢你帮助我。 这是密码

$（函数（）{
$（“#示例1”）.DataTable（）；
$（'#示例2'）。数据表({
“分页”：正确，
“长度变化”：错误，
“搜索”：错误，
“排序”：正确，
“信息”：正确，
“自动宽度”：false
});
});
$（文档）.ready（函数（）{
$（“.open_modal”）。单击（函数（e）{
var m=$（this.attr（“id”）；
$.ajax({
url:“user_edit.php”，
键入：“获取”，
数据：{用户名：m，}，
成功：功能（ajaxData）{
$（“#ModalEdit”）.html（ajaxData）；
$（“#ModalEdit”）.modal（'show'，{background:'true'}）；
}
});
});
});
$（文档）.ready（函数（）{
$（“.open_delete”）。单击（函数（e）{
var m=$（this.attr（“id”）；
$.ajax({
url:“user_delete.php”，
键入：“获取”，
数据：{用户名：m，}，
成功：功能（ajaxData）{
$（“#ModalDelete”）.html（ajaxData）；
$（“#ModalDelete”）.modal（'show'，{background:'true'}）；
}
});
});
});

Tambah用户




诺莫
用户名
纳马·林卡普
密码
水平仪
纳摩托克
行动
问题是因为这些按钮的html会再次呈现&找不到附加到这些按钮的上一个事件。因此，还需要为新元素添加事件。一个好的解决方案是使用jQuery方法将事件附加到动态元素上。使用下面的代码进行检查

<script type="text/javascript">
      $(document).ready(function (){
        $("body").on('click', '.open_modal', function (e){
          var m = $(this).attr("id");
          $.ajax({
            url: "user_edit.php",
            type: "GET",
            data : {username: m,},
            success: function (ajaxData){
              $("#ModalEdit").html(ajaxData);
              $("#ModalEdit").modal('show',{backdrop: 'true'});
            }
          });
        });
      });
    </script>

    <script type="text/javascript">
     $(document).ready(function (){
      $("body").on('click', '.open_delete', function (e){
        var m = $(this).attr("id");
        $.ajax({
          url: "user_delete.php",
          type: "GET",
          data : {username: m,},
          success: function (ajaxData){
            $("#ModalDelete").html(ajaxData);
            $("#ModalDelete").modal('show',{backdrop: 'true'});
          }
        });
      });
    });
  </script>


$（文档）.ready（函数（）{
$（“正文”）。在（'单击'，'上。打开函数（e）{
var m=$（this.attr（“id”）；
$.ajax({
url:“user_edit.php”，
键入：“获取”，
数据：{用户名：m，}，
成功：功能（ajaxData）{
$（“#ModalEdit”）.html（ajaxData）；
$（“#ModalEdit”）.modal（'show'，{background:'true'}）；
}
});
});
});
$（文档）.ready（函数（）{
$（“正文”）。在（'单击'，'上。打开_删除'，函数（e）{
var m=$（this.attr（“id”）；
$.ajax({
url:“user_delete.php”，
键入：“获取”，
数据：{用户名：m，}，
成功：功能（ajaxData）{
$（“#ModalDelete”）.html（ajaxData）；
$（“#ModalDelete”）.modal（'show'，{background:'true'}）；
}
});
});
});
您不能将PHP代码添加到Stack Fiddle中。只有HTML，JS，CSS代码你可以放在小提琴上。谢谢你的帮助：）@AgamBanga！这真的很有效，你的解释真的帮助我学习更多的编程知识。非常感谢你。我投你的票我想再问你一次，我用用户名作为主键，之后有一个bug，因为我不能在那个表单中编辑我的用户名。问题是，我怎样才能得到我用户名的旧值，所以当我编辑数据时，像“updatemaster_user set username=（（$newusername））这样的查询，其中username=（（$oldusername））”？谢谢@AgamBanga@natalieglo您想在
用户名
的条件下更新
用户名
？是的，我可以吗？或者我应该添加一个id吗？我尝试将其添加到phpmyadmin中，它可以工作..但不在我的程序中@AgamBanga@natalieglo最好的方法是使用autoincrement id作为主键，并根据id进行更新你能给我看看更新的php代码吗？