Почему slick слайдер не хочет работать?

Question

[Дуболом Одноклеточный]

У меня есть слайдер:

<div class="slick-slider">
      <div class="slide">
        <h2>1</h2>
      </div>
      <div class="slide">
        <h2>1</h2>
      </div>
<div class="slide">
        <h2>1</h2>
      </div>
    </div>

Есть JS:
$('.slick-slider').slick();
Но он не хочет работать, вместо этого он улетает за пределы окна, я включил параметр dots, но когда я нажимаю 2 точку, слайдер еще сильнее улетает за окно.
Первый раз с таким сталкиваюсь. Заранее спасибо за ответ.

Comments

[Виталий Першин]

А у вас случайно слайдер не внутри флекс без ограничений по ширине?

[Дуболом Одноклеточный]

Виталий, Нет, у меня все по дефолту

[Антон Неверов]

В песочницу код заливайте и обновляйте вопрос. По тому, что вы написали проблему диагностировать невозможно.

[Виталий Першин]

Дуболом Одноклеточный, Ваш слайдер так ведет себя из-за окружения, обычно это происходит когда он обернут в какой-нибудь элемент флекса без размера

[Капитан Какао]

Что бы понять почему он не работает, нужно увидеть весь код, закиньте его на jsfiddle

Ну и собственно вот рабочий вариант: https://jsfiddle.net/e0fqrhpv/

Answer 1

[kafeuri1989]

Завернуть его в блок с position relative и определенной шириной