Не могу сделать карусель в Materialize в чем может быть дело?

Question

[maestro57rus]

<div class="carousel">
    <a class="carousel-item" href="#one!"><img src="https://lorempixel.com/250/250/nature/1"></a>
    <a class="carousel-item" href="#two!"><img src="https://lorempixel.com/250/250/nature/2"></a>
    <a class="carousel-item" href="#three!"><img src="https://lorempixel.com/250/250/nature/3"></a>
    <a class="carousel-item" href="#four!"><img src="https://lorempixel.com/250/250/nature/4"></a>
    <a class="carousel-item" href="#five!"><img src="https://lorempixel.com/250/250/nature/5"></a>
  </div>

document.addEventListener('DOMContentLoaded', function() {
    var elems = document.querySelectorAll('.carousel');
    var instances = M.Carousel.init(elems, options);
  });

  // Or with jQuery

  $(document).ready(function(){
    $('.carousel').carousel();
  });

Писал такой же код как в документации и всеравно ничего не работает

Comments

[Степан Крапивин]

в консоли есть ошибки?

[strelok011]

Стоит еще стили проверить. Для карусели, если память не изменяет, могли на обертку доп стили докидывать в примере. Это если скрипты правильно работают.
Но в начале - проверить что подключены скрипты от материалайза (и если нужен jquery), ну и проверить что оба способа не применяете для карусели.

Answer 1

[timakdev]

Ошибка инициализации из-за пустой переменной "options".
Можно передать пустой объект или вообще не передавать, оставить только "elems".
var instances = M.Carousel.init(elems)
Ну или создай и заполни чем-то options выше.