Django и путевые точки Бесконечная прокрутка не работает

Я попробовал все ответы на stack и бесконечная прокрутка все еще не работает. Мой home.html по-прежнему отображает пагинацию. Я подозреваю, что проблема в jquery, js файлах или в том, как загружается статический файл?

Вот мой home.html:

{% block content %}
{% load static %}

<div class="infinite-container">
    {% for post in posts %}

        <div class="infinite-item">
            <article class="media content-section">
              <img class="rounded-circle article-img" src="{{ post.author.profile.image.url }}">
              <div class="media-body">
                <div class="article-metadata">
                  <a class="mr-2" href="{% url 'user-posts' post.author.username %}">{{ post.author }}</a>
                  <small class="text-muted">{{ post.date_posted|date:"F d,  Y" }}</small>
                </div>
                <h2><a class="article-title" href="{% url 'post-detail' post.id %}">{{ post.title }}</a></h2>
                <p class="article-content">{{ post.content }}</p>

              </div>

            </article>
        </div>

    {% endfor %}
</div>

<div class="d-flex d-none position-fixed" style="top:35vh;left:46vw">
    <button class="btn btn-primary loading">
        <span class="spinner-border spinner-border-sm"></span>
        Please wait...
    </button>
</div>

<!--pagination logic -->

<div class="col-12">
    {% if page_obj.has_next %}
    <a class="infinite-more-link" href="?page={{ page_obj.next_page_number }}">next</a>
    {% endif %}
</div>

<script src="/static/js/jquery.waypoints.min.js"></script>
<script src="/static/js/infinite.min.js"></script>

<script>
    var infinite = new Waypoint.Infinite({
        element: $('.infinite-container')[0],

        offset: 'bottom-in-view',

        onBeforePageLoad: function () {
            $('.loading').show();
        },
        onAfterPageLoad: function () {
            $('.loading').hide();
        }

    });
</script>

{% endblock content %}

В моем settings.py

STATIC_URL = '/static/'
STATICFILES_DIRS = [Path(BASE_DIR, 'static'),]

Каталог моих js-файлов.

Я добавил следующее в свой файл base.html в нижней части.

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

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