Как инициализировать слайдер после открытия модального окна?

Question

[Вадим Ягофаров]

При клике должен открываться слайдер, он открывается но поломанный, и после клика открывается нормально. Это из-за того что нужно инициализировать слапйдер после модалки. Как это сделать?
пробовал вот так не помогло

$('.modal').on('shown.bs.modal', function () {;  
                $('.work__slider').slick({
    centerMode: false,
    slidesToShow: 4,
    arrows: true,
    prevArrow: '<button class="slick-prev slick-arrow" aria-label="Prev" type="button" style=""><i class="fa fa-chevron-left" aria-hidden="true"></i></button>',
    nextArrow: '<button class="slick-next slick-arrow" aria-label="Next" type="button" style=""><i class="fa fa-chevron-right" aria-hidden="true"></i></button>',
    responsive: [
      {
        breakpoint: 992,
        settings: {
          arrows: true,
          centerMode: true,
          slidesToShow: 3
        }
      },
      
      {
        breakpoint: 750,
        settings: {
          arrows: false,
          centerMode: true,
          slidesToShow: 2
        }
      },
      {
        breakpoint: 600,
        settings: {
          arrows: false,
          centerMode: true,
          slidesToShow: 1
        }
      }
    ]
  });
        })

Comments

[yarovikov]

Я так понимаю, контент с помощью ajax грузится?

Answer 1

[Виталий Першин]

Нужно сделать сброс после того как будет открыто окно и загружен контент:
$('.work__slider').slick('setPosition');
По вашему коду не понятно в какой именно момент окно считается полностью загруженным, если в вашем скрипте есть коллбек то добавляйте в него данный код, если нет, то подумайте сами или добьте более полноценный код