Ich versuche, über diesen Link mit jQuerys Datatable JS für mein Projekt zu arbeiten .
Ich habe die komplette Bibliothek von derselben Quelle heruntergeladen. Alle im Paket angegebenen Beispiele scheinen gut zu funktionieren, aber wenn ich versuche, sie in mein WebFormsCSS, JS zu integrieren, funktionieren sie überhaupt nicht.
Folgendes habe ich getan:
<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>
Meine Dateistruktur für JS und CSS in meiner Lösung sieht wie folgt aus:
Ich habe alle erforderlichen JS- und CSS-Referenzen hinzugefügt, wie im Handbuch gezeigt. Trotzdem ist das Rendering nicht wie erwartet. Es gibt kein CSS und selbst das JS funktioniert nicht.
Auch in der Konsole erhalte ich folgende Fehler:
ReferenceError: jQuery is not defined
TypeError: $(...).DataTable is not a function
Ich habe hier noch keine dynamischen Daten gebunden (wie in einem Repeater oder so), aber es funktioniert immer noch nicht.
Kann mich bitte jemand in die richtige Richtung für dieses Problem führen?
