вызов функции 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

, попробуйте добавить онлайн-ссылку Jquery, если онлайн-ссылка Jquery работает, то (70%) times это проблемавашего пути Jquery