Почему появляется баг в слайдере при добавлении responsive?

Здравствуйте. Скажите пожалуйста почему появляется баг в слайдере при добавлении responsive? Если адаптацию в слайдере убрать, то все работает.
Посмотреть можно здесь, слайдер размещен в начале страницы в аккордеоне.
Код прикладываю:
$('.works-slider').slick({
    slidesToShow: 2,
    slidesToScroll: 2,
    fade: false,
    arrows: true,
    dots: false,
    swipe: true,
    responsive: [
        {
            breakpoint: 576,
            settings: {
                slidesToShow: 1,
                slidesToScroll: 1,
            }
        }
    ]
});

$('.collapse__content').on('shown.bs.collapse', function () {
    $('.works-slider').slick('reinit');
});
  • Вопрос задан
  • 257 просмотров
Пригласить эксперта
Ответы на вопрос 3
MarianVytak
@MarianVytak Автор вопроса
Причину нашел. При открытии и закрытии аккордеона дублируется код слайдера. Остается понять как это исправить.
Ответ написан
@gretyl007
Попробуй так:
if (window.innerWidth <= 576) {
$('.works-slider').slick({
slidesToShow: 1,
slidesToScroll: 1,
});
}
Ответ написан
Комментировать
Screenager
@Screenager
попробуйте так
$('.works-slider').not('.slick-initialized').slick({
    slidesToShow: 2,
    slidesToScroll: 2,
    fade: false,
    arrows: true,
    dots: false,
    swipe: true,
    responsive: [
        {
            breakpoint: 576,
            settings: {
                slidesToShow: 1,
                slidesToScroll: 1,
            }
        }
    ]
});
Ответ написан
Ваш ответ на вопрос

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

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