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

Question

[MegaPuxapb]

Делаю Слик Слайдер в модалке.

$('#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,
				    }
				}]       
		});
	});

При первом открытии всё работает отлично.
При повторном, в консоле ошибка

как починить?

Answer 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,
            }
        }]       
    });
  });

Comments

[MegaPuxapb]

не помогло(