Laravel未捕獲ReferenceError：$未定義

Question

我將背包Laravel的@extends（'backpack :: layout'）與Ajax CRUD結合在一起，遇到了標題中提到的問題。

這是刀片文件。

<script type="text/javascript">
    $(document).ready(function() {
     $('#domain_table').DataTable({
            "processing": true,
            "serverSide": true,
            "ajax": "{{ route('ajaxdata.getdata') }}",
            "columns":[
                { "data": "Domain" },
                { "data": "Registrar" },
                { "data": "Login_ID" },
                { "data": "Password" },
                { "data": "New_Mobile" },
                { "data": "Mobile" },
                { "data": "Email" },
                { "data": "Email_Password" },
                { "data": "action", orderable:false, searchable: false}
            ]
        });
         });
</script>

這是@extends（'backpack :: layout'）中列出的庫的一部分。

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>

Answer 1

嘗試這個

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>    
<script type="text/javascript">
    $(document).ready(function() {
     $('#domain_table').DataTable({
            "processing": true,
            "serverSide": true,
            "ajax": "{{ route('ajaxdata.getdata') }}",
            "columns":[
                { "data": "Domain" },
                { "data": "Registrar" },
                { "data": "Login_ID" },
                { "data": "Password" },
                { "data": "New_Mobile" },
                { "data": "Mobile" },
                { "data": "Email" },
                { "data": "Email_Password" },
                { "data": "action", orderable:false, searchable: false}
            ]
        });
         });
</script>

您必須在實際使用$之前聲明jquery.min.js 。

Answer 2

嘗試使用jQuery代替$，例如jQuery（document）代替$（document）