在 jQuery 中使用 DataTables 时未定义 $

Question

I am trying to use datatables but an error is coming

<script src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>

<script>
    $(document).ready(function() {
        $('#myTable').DataTable(); // I am getting error on this line
    });
</script>

Note - The id given ('#myTable') is absolutely correct and there is no issue related with it

Answer 1

You can find here https://datatables.net/manual/index the following information:

Compatibility information: DataTables 1.10+ and its extensions require with jQuery 1.7 or newer.

In your case you have to satisfy jquery.dataTables dependency to jquery by including jquery in the first place. This code below works without the described error.

 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script> <script> $(document).ready(function() { // Error is gone now because dataTables dependency to // Jquery is satisfied. $('#myTable').DataTable(); }); </script>