Slick slider in bootstrap3 modal?

Question

JavaScript

Slider doesn't work on first launch.

If you refresh the page or scroll to the next. slide is ok.
How to fix?

//goods_slider 
  $('#modalGoods').on('shown.bs.modal', function () {
    $('.goods_slider').fadeIn(500);
    $('.goods_slider').resize();
  });

  $('#modalGoods').on('hidde.bs.modal', function () {
    $('.goods_slider').resize();
    $('.goods_slider').fadeOut();
  });
  
  $('.goods_slider').slick({
    slidesToShow: 3,
    speed: 1000,
    dots: false,
    arrows: true,
    responsive: [
        {
          breakpoint: 768,
          settings: {
          	centerMode: false,
          	slidesToShow: 1,
          	dots: false,
          	arrows: true,
          }
      }]       
  });

Answer 1

You hang an opening event on the window, and in it you call
$('.slick-slider').slick('refresh');