@MegaPuxapb

Slick slider в модальном окне bootstrap?

Делаю Слик Слайдер в модалке.
$('#modalGoods').on('shown.bs.modal', function () {
		$('.goods_slider').fadeIn(); //Что бы не прыгало изображение при открытии

		$('.goods_slider').slick({
			slidesToShow: 3,
			speed: 1000,
			dots: true,
			arrows: false,
			responsive: [
			    {
				    breakpoint: 768,
				    settings: {
				    	centerMode: false,
				    	slidesToShow: 1,
				    	dots: false,
				    	arrows: true,
				    }
				}]       
		});
	});


При первом открытии всё работает отлично.
При повторном, в консоле ошибка
5b6b7ebf6081a078451072.jpeg
как починить?
  • Вопрос задан
  • 942 просмотра
Пригласить эксперта
Ответы на вопрос 1
Попробуй так:
$('#modalGoods').on('shown.bs.modal', function () {
    $('.goods_slider').fadeIn(); //Что бы не прыгало изображение при открытии
    $('.goods_slider').slick('unslick');
    $('.goods_slider').slick({
      slidesToShow: 3,
      speed: 1000,
      dots: true,
      arrows: false,
      responsive: [
          {
            breakpoint: 768,
            settings: {
            	centerMode: false,
            	slidesToShow: 1,
            	dots: false,
            	arrows: true,
            }
        }]       
    });
  });
Ответ написан
Ваш ответ на вопрос

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

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