Javascript 实现jQuery数据表的困难
晚上好 我正在尝试将“datatables”jQuery脚本添加到我的网站，但是我根本无法让它工作 通过阅读说明，我需要下载jQuery产品的最新版本，并将其放在与我试图使用它的页面相同的文件夹中。e、 g.文件位于Pages>jquery-3.1.0.min.js中 然后，我应该将其包含在我正在使用的文件头中，请参见下面代码中的“jquerylink”注释 在此之后，我应该下载数据表，因为我想从建设者，例如：-我选择了本地文件，因为该网站是仅供内部使用，所以不需要访问在线资源。所以现在我的文件夹结构看起来像Pages>DataTables> 因此，现在我将JS和CSS添加到标题中，并查看下面代码中的“jQueryCSS”和“jQueryJS”注释 然后，我按照datatables的要求绘制表格，请参见下面代码中的“表格开始”“表格结束”注释 然后我调用JS查看“调用脚本开始”“调用脚本结束”注释 现在当我运行这个页面时，表上根本没有格式 我肯定我错过了一些非常简单的东西Javascript 实现jQuery数据表的困难,javascript,jquery,html,datatables-1.10,Javascript,Jquery,Html,Datatables 1.10,晚上好 我正在尝试将“datatables”jQuery脚本添加到我的网站，但是我根本无法让它工作 通过阅读说明，我需要下载jQuery产品的最新版本，并将其放在与我试图使用它的页面相同的文件夹中。e、 g.文件位于Pages>jquery-3.1.0.min.js中 然后，我应该将其包含在我正在使用的文件头中，请参见下面代码中的“jquerylink”注释 在此之后，我应该下载数据表，因为我想从建设者，例如：-我选择了本地文件，因为该网站是仅供内部使用，所以不需要访问在线资源。所以现在我的文件
<!DOCTYPE html>
<head>
<!-- jQuery Link -->
<script src="jquery-3.1.0.min.js"></script>
<!--jQuery CSS -->
<link rel="stylesheet" type="text/css" href="/DataTables/datatables.css">
<!--jQuery JS -->
<script type="text/javascript" charset="utf8" src="/DataTables/datatables.js"></script>
</head>
<body>
<!-- Table start -->
<table id="table_id" class="display">
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>Row 1 Data 1</td>
<td>Row 1 Data 2</td>
</tr>
<tr>
<td>Row 2 Data 1</td>
<td>Row 2 Data 2</td>
</tr>
</tbody>
</table>
<!-- Table end -->
<!-- Call script start -->
<script>
$(document).ready( function () {
$('#table_id').DataTable()
} );
</script>
<!-- Call script end -->
</body>
</html>
第1栏
第2栏
第1行数据1
第1行数据2
第2行数据1
第2行数据2
$（文档）.ready（函数（）{
$（'#table_id'）。DataTable（）
} );
表格<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
/DataTables/DataTables.js这应该行得通。如果可以的话，你还可以在以后下载它们。对于本地文件，您需要告诉我们确切的项目结构。所有脚本和样式表是否与HTML文件位于同一目录中？您也可以尝试在本地使用CDN版本，而不是从datatables.net生成的文件。try
$（“#table_id”）。DataTable（）