jQuery数据表不适用于分页

Question

我正在使用datatables插件，但是分页不起作用。 我有实例化CSS和JS的要求，但是我不知道为什么这不起作用。

一切正常，只是分页按钮不起作用，有什么建议吗？

头：

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css"></style>
<link rel="stylesheet" type="text/css" href="/css/bootstrap.vertical-tabs.min.css"></style>

FOOTER:

    <script type="text/javascript" src="http://cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
    <script src="/action/controller.js"></script><!-- this my js -->

HTML:

    <table id="datagrid_test" class="datagrid">
    <thead>
    <tr>
        <th>FIELD1</th>
        <th>FIELD2</th>
        <th>FIELD3</th>
    </tr>
    </thead>
    <?php
        for ($i=0; $i < 20 ; $i++) { ?>
    <tr>
        <td>aaa<?=$i?></td>
        <td>bbb<?=$i?></td>
        <td>ccc<?=$i?></td>
    </tr>
    <?php  } ?>
    </tr>
    </table>

JS: 

$(document).ready( function(){    
     $('#datagrid_test').dataTable();
}

Answer 1

我认为问题的原因是库版本不匹配：您具有数据表1.10.2，并且您对1.10.12版使用了引导程序集成脚本，因此只需提供适当版本的数据表即可解决此问题。

    <script type="text/javascript" src="http://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>

还有一件事，看来您在关闭表标签之前就有一个冗余的关闭tr标签。