Невозможно разрешить ссылку на jQueryОшибка: $ не определен в файле JavaScript

Я столкнулся с проблемой в моем JavaScript-файле, где я получаю ошибку "Uncaught ReferenceError: $ не определен" в консоли браузера. Я использую jQuery в своем JavaScript-коде, но, похоже, jQuery не распознается.

Вот соответствующая часть моего файла JavaScript (address.js):

console.log("Hi");

$(document).ready(function(){
    $(document).on("click",".make-default-address",function(){
        let id = $(this).attr("data-address-id")
        let this_val = $(this)

        console.log("Id is:", id);
        console.log("Element is:", this_val);

        $.ajax({
            url:"/make-default-address",
            data: {
                "id":id
            },
            dataType: "json",
            success: function(response){
                console.log("Address Made default.....");
                if (response.boolean == True){
                    $(".check").hide()
                    $(".action_btn").show()



                    $(".check"+id).show()
                    $(".button"+id).hide()
                }
            }
        })
    })
})

Я убедился, что jQuery загружается перед этим скриптом в моем HTML-файле:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="{% static 'assets/js/address.js' %}"></script>

Однако я все еще получаю ошибку. Может ли кто-нибудь помочь мне понять, что может быть причиной этой проблемы и как ее решить?

Любая помощь будет очень признательна. Спасибо! тег script:

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

Вернуться на верх