Не инициализируется slick-slider при первой загрузке страницы ((?

Question

vafl3k @vafl3k

Не инициализируется slick-slider при первой загрузке страницы ((?

При очистке кэша слайдер выстраивается в одну колонку.

Имеется такая страница: kamilbogdalov.ru/pages/homework/lesson_14/lesson_1...

Заранее спасибо!

<script>
      $(document).ready(function(){
        // Инициализация WOW
        new WOW().init();
        // Модальные окна
        $('.popup-btn-context').on('click', function(event) {
          event.preventDefault();
          $('.popup').fadeIn(200);
        });
        $('.popup-close').on('click', function(event) {
          event.preventDefault();
          $('.popup').fadeOut(400);
        });
        
        $('.popup-form-button').on('click', function(event) {
          event.preventDefault();
          $('.popup').hide();
          $('.popup2').show();
        });
        $('.popup2-close').on('click', function(event) {
          event.preventDefault();
          $('.popup2').fadeOut(400);
        });

        $('.price-block-modal-link1').on('click', function(event) {
          event.preventDefault();
          $('.pp1').fadeIn(200);
        });
        $('.popup3-close').on('click', function(event) {
          event.preventDefault();
          $('.pp1').fadeOut(400);
        });

        $('.price-block-modal-link2').on('click', function(event) {
          event.preventDefault();
          $('.pp2').fadeIn(200);
        });
        $('.popup3-close').on('click', function(event) {
          event.preventDefault();
          $('.pp2').fadeOut(400);
        });

        $('.price-block-modal-link3').on('click', function(event) {
          event.preventDefault();
          $('.pp3').fadeIn(200);
        });
        $('.popup3-close').on('click', function(event) {
          event.preventDefault();
          $('.pp3').fadeOut(400);
        });
        // Инициализация слайдера с отзывами
        $('.feedback-slider').slick({
          prevArrow: '<button type="button" class="feedback-slider-btn feedback-slider-prev"><img src="img/feedback/prevArrow.svg"><img class="feedback-slider-btn-mobile" src="img/feedback/prevArrowPast.svg"></button>',
          nextArrow: '<button type="button" class="feedback-slider-btn feedback-slider-next"><img src="img/feedback/nextArrow.svg"><img class="feedback-slider-btn-mobile" src="img/feedback/nextArrowPast.svg"></button>',
          draggable: false,
          infinite: true,
          slidesToShow: 1,
          slidesToScroll: 1,
          responsive: [
            {
              breakpoint: 992,
              settings: {
                slidesToShow: 1,
                slidesToScroll: 1,
                arrows: false,
                speed: 800,
                dots: true
              }
            }
          ]
        });
        // Инициализация слайдера с преимуществами
        $('.features-slider').slick({
          infinite: true,
          slidesToShow: 4,
          slidesToScroll: 1,
          responsive: [
            {
              breakpoint: 992,
              settings: {
                slidesToShow: 2,
                slidesToScroll: 2,
                prevArrow: '<button class="prev arrow"></button>',
                nextArrow: '<button class="next arrow"></button>',
                autoplay: true,
                autoplaySpeed: 4500,
                infinite: true,
                pauseOnFocus: false,
                speed: 800,
              }
            },
            {
              breakpoint: 768,
              settings: {
                slidesToShow: 2,
                slidesToScroll: 2,
                prevArrow: '<button class="prev arrow"></button>',
                nextArrow: '<button class="next arrow"></button>',
                autoplay: true,
                autoplaySpeed: 4500,
                pauseOnFocus: false,
                speed: 800,
              }
            },
            {
              breakpoint: 576,
              settings: {
                slidesToShow: 1,
                slidesToScroll: 1,
                prevArrow: '<button class="prev arrow"></button>',
                nextArrow: '<button class="next arrow"></button>',
                autoplay: true,
                autoplaySpeed: 4500,
                pauseOnFocus: false,
                speed: 800
              }
            }
          ]
        });
      });
    </script>