javascript - Laravel 未捕获引用错误 : $ is not defined

Question

我将 backpack Laravel 的 @extends('backpack::layout') 与 Ajax CRUD 组合在一起，我遇到了我在标题中提到的问题。

这是 Blade 文件。

<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。