jquery - 未捕获的 ReferenceError：$ 未在 get_all 中定义

Question

当我在编码下运行时，我遇到了这个问题

未捕获的 ReferenceError：$ 未在 get_all 中定义

我已成功链接 jquery 文件和 CSS 文件。我不知道为什么。我已经尝试了3天。但无法得到答案。请有人解决这个问题。它对我更有帮助。我已经在我到目前为止尝试过的代码下面附加了代码，谢谢。

 <script src="bower_components/jquery/dist/jquery.min.js"></script>   
   <script src="bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>    
     <script src="bower_components/jquery.validate.min.js"></script>
<script src="bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
   <script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
    <script src="bower_components/jquery.validate.min.js"></script>

    <div class="col-sm-8">
            <div class="col s12 m6 offset-m4">
                <div class="panel-heading">
                    <h3 class="panel-title">Current Team Members</h3>
                </div>
                <div class="panel-body">

                    <table id="tbl-projects" class="table table-striped table-bordered" cellspacing="0"
                           width="100%">
                        <thead>
                        <tr>

                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>

                        </tr>

                    </table>
                </div>
            </div>

        </div>
    </div>



    <script>

    get_all();
     function get_all() {

            $('#tbl-projects').dataTable().fnDestroy();
            $.ajax({
                url: "all_category.php",
                type: "GET",
                dataType: "JSON",

                success: function (data) {


                    $('#tbl-projects').dataTable({
                        "aaData": data
                        ,
                        "scrollX": true,
                        "aoColumns": [
                            {"sTitle": "Category", "mData": "catname"},
                            {
                                "sTitle": "Status","mData": "status", "render": function (mData, type, row, meta) {
                                if (mData == 1) {
                                    return '<span class="label label-info">Active</span>';
                                }
                                else if (mData == 2) {
                                    return '<span class="label label-warning">Deactive</span>';
                                }
                            }
                            },

                            {
                                "sTitle": "Edit",
                                "mData": "id",
                                "render": function (mData, type, row, meta) {



                                    return '<button class="btn btn-xs btn-success" onclick="get_project_details(' + mData + ')">Edit</button>';
                                }
                            },
                            {
                                "sTitle": "Delete",
                                "mData": "id",
                                "render": function (mData, type, row, meta) {

                                    return '<button class="btn btn-xs btn-primary" onclick="RemoveTeam(' +  mData + ')">Delete</button>';



                                }
                            }

                        ]

                    });
                },
                error: function (xhr) {
                    console.log('Request Status: ' + xhr.status  );
                    console.log('Status Text: ' + xhr.statusText );
                    console.log(xhr.responseText);
                    var text = $($.parseHTML(xhr.responseText)).filter('.trace-message').text();
                    // console.log(text)

                }
            });
        }

    </script>

标签： jquery

Answer 1

将 jquery.js 放在您的脚本标签之前，它会起作用。