无法显示"详细信息表格"在下一页分页数据表中

时间:2016-04-12 16:08:00

标签: javascript jquery datatable

当我点击class="detail"按钮时,detail-form将完美显示,但在我点击数据表分页到下一页(数据表的下一条记录)后,detail-form无法显示。我尝试将数据表配置更改为"paging": false,它可以正常工作。如何在不更改"paging"数据表配置的情况下执行此操作?

这是我的表

<div id="detail-form">
.................
</div>
<table id="table">
    <thead>
        <th>No</th>
        <th>Name</th>
        <th>NIM</th>
    </thead>
    <?php
    foreach($maha as $m): ?>
    <tr>
        <td><?=$no++?></td>
        <td><a href="javascript:void(0);" name="<?=$m->id?>" class="detail"><?=$m->username?></td>
        <td><?=$m->nomor?></td>
    </tr>
    <?php endforeach;
    ?>
</table>

我的剧本

$(function () {
$("#table").DataTable({
    "paging": true,
    "lengthChange": true,
    "searching": true,
    "ordering": true,
    "info": true,
    "autoWidth": false,
    "scrollX": true,
});)};

<script type="text/javascript">
    $(document).ready(function(){
        $(".detail").each(function(){
            $(this).click(function(){
                $("#detail-form").show("slow");
...............................

1 个答案:

答案 0 :(得分:0)

  

类=&#34;细节&#34;&GT;用户名&gt;

关闭标记A

  

$(&#34; .detail&#34)。每一(功能(){

     

$(本)。点击(函数(){

建议在

上使用jquery

$(目标)。在(动作,功能(){

});