JavaScript не находит элементы при использовании Flask расширять шаблоны

Question

Кажется, что JavaScript на моем веб-сайте вообще не работает, так как я начал использовать функцию расширения, используя базовый файл. html для хранения навигационной панели и нижнего колонтитула. Я действительно не могу понять, почему это не работает. css работает абсолютно нормально, просто нет javascript. У кого-нибудь есть какие-либо советы по этому поводу?

Я включил код из 1) базы. html, 2) расширенной страницы. html и 3) части функции js. .. Надеюсь, этого достаточно. Элемент, над которым работает javascript, находится внутри содержимого блока над этим. Я просто не могу понять, что я делаю неправильно, и я планирую на самом деле использовать этот сайт для вещей, поэтому я не хочу перепечатывать нижний колонтитул и панель навигации на каждой странице html.

TIA

{% block scripts %}
<!-- JS Global Compulsory (Do not remove)-->
<script type="text/javascript" src="{{ url_for('static', filename='/js/jquery-3.4.1.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='/js/popper/popper.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='/js/bootstrap/bootstrap.min.js') }}"></script>
{% endblock scripts %}

{% endblock body %}
</body>

{% endblock html %}
</html>
{% endblock doc %}

{% endblock content %}

{% block scripts %}
{{ super() }}
<!-- Page JS Implementing Plugins (Remove the plugin script here if site does not use that feature)-->
<script type="text/javascript" src="{{ url_for('static', filename='/js/jquery.appear.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='/js/counter/jquery.countTo.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='/js/range-slider/ion.rangeSlider.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='/js/owl-carousel/owl.carousel.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='/js/jarallax/jarallax.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='/js/jarallax/jarallax-video.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='/js/magnific-popup/jquery.magnific-popup.min.js') }}"></script>

<!-- Template Scripts (Do not remove)-->
<script type="text/javascript" src="{{ url_for('static', filename='/js/custom.js') }}"></script>
{% endblock scripts %}

POTENZA.rangesliders = function () {
    if ($('.property-price-slider').exists()) {
      var rangeslider = jQuery(".rangeslider-wrapper");
      $("#property-price-slider").ionRangeSlider({
        type: "double",
        min: 0,
        max: 10000,
        from: 1000,
        to: 8000,
        prefix: "$",
        hide_min_max: true,
        hide_from_to: false
      });
    }
  };