我正在尝试通过此链接为我的项目使用 jQuery 的 Datatable JS 。
我从同一来源下载了完整的库。包中给出的所有示例似乎都可以正常工作，但是当我尝试将它们合并到我WebForms的 css 中时，js 根本不起作用。
这是我所做的：
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div>
<table id="myTable" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</tfoot>
<tbody>
<!-- table body -->
</tbody>
</table>
</div>
<script src="js/jquery.dataTables.js" type="text/javascript"></script>
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#myTable').DataTable();
});
</script>
</form>
</body>
</html>
我的解决方案中 JS 和 CSS 的文件结构如下所示：
我已经添加了所有必要的 JS 和 CSS 参考，如手册中所示。渲染仍然不符合预期。没有 CSS，甚至 JS 也不起作用。
同样在控制台中，我收到以下错误：
ReferenceError: jQuery is not defined
TypeError: $(...).DataTable is not a function
我仍然没有在此处绑定任何动态数据（例如在中继器内），但它仍然无法正常工作。
有人可以指导我朝着正确的方向解决这个问题吗？
