@DeniSidorenko

Slick, несколько слайдеров с тем же классом?

есть 6 табов, и в каждом табе свой слайдер. Создал одинаковую структуру и дал для каждого слайдер один и тот же класс который потом в js привязал к slick

<div class="wrapper">
  <div class="tab">
    <div class="slider"></div>
  </div>
  <div class="tab">
    <div class="slider"></div>
  </div>
  <div class="tab">
    <div class="slider"></div>
  </div>
  <div class="tab">
    <div class="slider"></div>
  </div>
  <div class="tab">
    <div class="slider"></div>
  </div>
  <div class="tab">
    <div class="slider"></div>
  </div>
</div>




$('.slider').slick({
  infinite: true,
  slidesToShow: 3,
  slidesToScroll: 3
});


Но при переключение табов слайдер работает с ошибкой, не показывает сразу пока не поменяю слайд и такая ошибка при смене таба

Uncaught TypeError: Cannot read property 'add' of null

Я думаю что несколько слайдеров надо по другому назначать, не подскажите как?
  • Вопрос задан
  • 27 просмотров
Пригласить эксперта
Ответы на вопрос 1
Eridani
@Eridani
Мимо проходил
На событие смены таба нужно вешать слик метод reinit
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы