Sto cercando di lavorare con JS Datatable di jQuery per il mio progetto da questo collegamento.
Ho scaricato la libreria completa dalla stessa fonte. Tutti gli esempi forniti nel pacchetto sembrano funzionare bene, ma quando provo a incorporarli nel mio WebFormsCSS, JS non funzionano affatto.
Ecco cosa ho fatto:
<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>
La struttura dei miei file per JS e CSS nella mia soluzione è la seguente:
Ho aggiunto tutti i riferimenti JS e CSS necessari come mostrato nel manuale. Tuttavia il rendering non è come previsto. Non c'è CSS e anche il JS non funziona.
Anche nella console ottengo i seguenti errori:
ReferenceError: jQuery is not defined
TypeError: $(...).DataTable is not a function
Non ho ancora associato alcun dato dinamico qui (come all'interno di un ripetitore o giù di lì) eppure non funziona.
Qualcuno può guidarmi nella giusta direzione per questo problema?
