jQuery点击数据表后10条记录不工作

jQuery click on datatable not work after 10 record

本文关键字:记录 工作 10条 数据表 jQuery      更新时间:2023-09-26

我在运行jquery数据表时遇到了麻烦。这个链接在第10条记录之后就失效了。请帮我解决这个问题

这是我的代码

<script type="text/javascript">
    $(function() {
        var oTable1 = $('#sample-table-1').dataTable( {
        "aoColumns": [
                  { "bSortable": false },
                  null,null,null,null,null,

                  { "bSortable": false }
         ] } );
        $(".kode").click(function(){
             var idDetail = $(this).data('id');
             var judul = "ID Pengaduan: " + idDetail;
             $.ajax({
                url:"<?php echo site_url();?>/laporan/pencariandetail",
                type:"POST",
                data:({detail:idDetail}),
                success: function(html){
                    $('#tampildetail').html(html);
                    $('.modal-title').text(judul);
                    $("#myModal2").modal("show");
                }
            });
      });
});
</script>

这是视图

<tbody>
            <?php
            <td><a href="#" class="kode" id="kode" data-id="<?php echo $row->IDPengaduan; ?>"><?php echo $row->IDPengaduan; ?></a></td>
    </tbody>

我不明白你要说什么。哪里是你的一个href链接。你是否使用ajax数据表加载后10条记录?

从我的角度来看,如果".kode"是你的一个标签,然后ajax成功后,你应该重新绘制你的表

success: function(html){
                        $('#tampildetail').html(html);
                        $('.modal-title').text(judul);
                        $("#myModal2").modal("show");
                        oTable1();
                    }