javascript - 数据表 javascript 在 Chrome、firefox 或 IE 中未触发

Question

我有一个从数据库获取记录的表。我使用数据表 javascript 来实现列可见性。 javascript 在 eclipse 的内部浏览器中工作正常，但是当我尝试在 Chróme 或 Firefox 或 IE 中运行时。 javascript代码如下

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.0.min.js"></script>
<link rel="stylesheet" type="text/css" href="http:://cdn.datatables.net/1.10.0-rc.1/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/1.10.0-rc.1/js/jquery.dataTables.js"></script>
<link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/colvis/1.1.0/css/dataTables.colVis.css">
<script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/colvis/1.1.0/js/dataTables.colVis.min.js"></script>

<script type="text/javascript">
$(document).ready( function () {
    $('#table_id').DataTable( {
        searching:false,
        "dom": 'C<"clear">lfrtip'
    } );
} );
</script>

谁能告诉我错误在哪里以及为什么它没有在浏览器中触发。

Answer 1

Datatables 依赖于 jquery，因此您需要在任何 datatables 库之前加载 jquery...

colvis 是一个数据表插件，您是否也在文件中包含数据表基本脚本...顺序应该是...

<script type="text/javascript" language="javascript" src="../../../media/js/jquery.js"></script>
<script type="text/javascript" language="javascript" src="../../../media/js/jquery.dataTables.js"></script>
<script type="text/javascript" language="javascript" src="../js/dataTables.colVis.js"></script>