Wagtail / CodeRedCMS: jQuery ReferenceError $ не определен, не может определить причину, по которой - PullRequest
Новая
       6

Wagtail / CodeRedCMS: jQuery ReferenceError $ не определен, не может определить причину, по которой

0 голосов
/ 25 сентября 2019

Я использую CodeRedCMS, который построен на Wagtail (который построен на Django), и я ясно вижу, что jQuery правильно импортируется на каждую страницу, однако при попытке получить доступ к моей функции flipclock.js я получаюReferenceError и часы не загружаются.

HTML-модуль на странице администратора Wagtail: 

<div class="clock"></div>

<script type="text/javascript">
var clock;

$(document).ready(function() {

                // Grab the current date
                var currentDate = new Date();

                // Set some date in the future. In this case, it's always Jan 1
                var futureDate  = new Date(currentDate.getFullYear() + 1, 0, 1);

                // Calculate the difference in seconds between the future and current date
                var diff = futureDate.getTime() / 1000 - currentDate.getTime() / 1000;

                // Instantiate a coutdown FlipClock
                clock = $('.clock').FlipClock(diff, {
                    clockFace: 'DailyCounter',
                    countdown: true
                });
            });
</script>

Base.html: 

{% extends "coderedcms/pages/base.html" %}
{% load static %}

{% block custom_assets %}
{# Add your custom CSS here #}
<link rel="stylesheet" type="text/css" href="{% static 'website/css/custom.css' %}">
{% endblock %}

{% block custom_scripts %}
{# Add your custom JavaScript here, or delete the line below if you don't need any #}
<script type="text/javascript" src="{% static 'website/js/custom.js' %}"></script>
    <script type="text/javascript" src="{% static 'website/js/flipclock.min.js' %}"></script>
{% endblock %}

CodeRedCMS автоматически импортирует Bootstrap и jQuery, я вижу, как он загружается в консоли при загрузке веб-страницы.

Есть идеи?Я не могу представить, что пользовательские ресурсы и скрипты загружаются до jQuery / Bootstrap, поэтому я не думаю, что это проблема.

...