調用ajax函數show error tUncaught TypeError：$不是使用jquery的函數

Question

您好，當我使用這兩個腳本時，我正在使用jqgrid和其他使用ajax的函數調用，然后一個腳本正在工作，而一個則無法工作。 並在瀏覽器控制台中顯示此錯誤。

屏幕截圖

我嘗試了很多方法來消除此錯誤，但是仍然無法消除此錯誤。 親愛的專家告訴我問題出在哪里，如何解決這個錯誤。

<script type="text/javascript" src="~/bower_components/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="~/assets/jqgrid/js/jquery.jqgrid.min.js"></script>
<link href="~/assets/jqgrid/jquery-ui-1.12.1.custom/jquery-ui.min.css" rel="stylesheet" />
<script type="text/javascript" src="~/assets/jqgrid/jquery-ui-1.12.1.custom/jquery-ui.js"></script>


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.14.1/css/ui.jqgrid.min.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.14.1/jquery.jqgrid.min.js"></script>


 <script type="text/javascript">
        $.noConflict();
        var rowsToColor = [];
        jQuery(document).ready(function ($) {
            var $grid = $("#jqGrid");
            $grid.jqGrid({
                url: '@Url.Action("Ownsership")',
                datatype: 'json',
                postData: { Membership_ID: function () { return $("#mID").val(); } },
                jsonReader: {},
                colModel: [
                           { name: 'FileID', index: 'FileID', label: 'FILE ID', width: 3 },
                           { name: 'UnitNo', index: 'UnitNo', label: 'UNIT NO', width: 7 },
                           { name: 'TransDate', index: 'TransDate', label: 'TRANS DATE', width: 8 },
                           { name: 'Category', index: 'Category', label: 'FILE CATEGORY', width: 10 },
                           { name: 'Project', index: 'Project', label: 'PROJECT', width: 20 }
                ],
                additionalProperties: [],
                loadonce: true,
                navOptions: {
                    reloadGridOptions: { fromServer: true }
                },
                formEditing: {

                    closeOnEscape: true,
                    closeAfterEdit: true,
                    savekey: [true, 13],
                    reloadGridOptions: {

                        fromServer: true
                    }
                },
                viewrecords: true,
                height: 'auto',
                autowidth: true,
                rowNum: 100,
                rowList: [10, 20, 30, 50, 100, 500],

                rownumbers: true,

                sortname: "Name",
                sortorder: "desc"
            });
        });
    </script>
<script type="text/javascript">
    $(document).ready(function () {
        TotalFilesM();
        $("#Projectlist").change(function () {
            TotalFilesM();
        });

    });

    function TotalFilesM() {
       $.ajax({
            type: 'GET',
            url: '@Url.Action("mTotalFilesMember")',
            dataType: 'json',
            data: { PhaseID: $("#Projectlist").val() },
            success: function (mTotalMemberFiles) {
                $('#TotalFilesMember').html(mTotalMemberFiles);

            },
            error: function (ex) {
                var r = jQuery.parseJSON(response.responseText);
                alert("Message: " + r.Message);
            }
        });
        return false;
    }
</script>

Answer 1

您正在使用$.noConflict() ，它刪除了$的定義。 之后，您需要使用jQuery()而不是$() 。

您仍然可以在jQuery(document).ready(function($) { ... })使用$ 。 但是您的第二個<script>標記不是這樣做的，它嘗試在頂層使用$(document).ready() 。

Answer 2

在您的控制台中顯示

〜/ bower_components / jquery的/ DIST

在上述路徑中，您沒有jquery.min.js請檢查保存jquery的路徑

如果你有$ is not a function using jquery的錯誤$ is not a function using jquery

如果Jquery的在線鏈接有效，則嘗試添加Jquery的在線鏈接，那么(70%) times是您的Jquery路徑的問題