django.jQuery $ не является функциональным сообщением

Question

в моем проекте django я хотел бы очистить значение поля на основе события в другом поле в форме добавления / редактирования администратора django.я вставляю в admin / change_form.html мой вызов js:

{{ block.super }}
    <script type="text/javascript" src="{% static 'js/admin.js' %}"></script>
    {{ media }}
{% endblock %}

, затем мой admin.js:

(function($) {
    $(document).ready(function() {
        $("select[name='main_id']").change(function() {
            $("select['test_id']").val('');
        });
    });
})(django.jQuery);

, но когда я открываю страницу django-admin в консоли iget:

Uncaught TypeError: $ не является функцией

в строке "$ (document) .ready (function () {".

Кто-то может помочь мне с этой ошибкой?

Огромное спасибо заранее

Answer 1

Давайте попробуем вставить скрипт jQuery раньше?

{{ block.super }}
    <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous" defer></script>
    <script type="text/javascript" src="{% static 'js/admin.js' %}" defer></script>
    {{ media }}
{% endblock %}

Answer 2

Используйте класс Media в вашем файле admin.py следующим образом:

class Media:
    js = (
        '//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js',  # jquery
        'js/admin.js',       # project static folder
    )