Есть ли способ заставить материализованную карусель работать с Django? Я попытался использовать JQuery и другие примеры, но не могу заставить его работать при просмотре веб-сайта в веб-инспекторе, изображения находятся на ресурсах и имеют рабочие ссылки, но они не отображаются на странице (примечание post.getID приводит к тому, что href # 1 !, # 2! и т. д., сколько изображений в l oop)
<head>
{% load static %}
<!-- Compiled and minified CSS -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"
/>
<!-- Compiled and minified JavaScript -->
</head>
<body>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
<h1>POSTSSS</h1>
<div class="carousel carousel-slider center">
{% for post in object_list %}
<a class= "carousel-item" href="{{post.getID}}"><img src="{{post.cover.url }}" alt="{{post.title}}" /></a>
{% endfor %}
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
var elems = document.querySelectorAll('.carousel');
var instances = M.Carousel.init(elems, options);
});
</script>
</body>
Заранее спасибо!