Question

我在运行jquery数据表时遇到了麻烦。 href链接在第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>

Answer 1

我无法得到你要说的话。您的 a href 链接在哪里？您是否正在使用ajax数据表加载10条记录？

根据我的意见，如果".kode"是您的标签，那么在ajax成功之后您应重绘您的表格

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

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

1 个答案: