@podkudahka
крутой

Почему этот скрипт не работает при изменении ориентации айпада?

При чем, если в dev tools менять ширину, то все корректно отображается
$(window).on('resize', function() {
    var slider = $('#our-goods .our-goods-wrap');

    var settings = {
      infinite: true,
      autoplay: true,
      autoplaySpeed: 4000,
      slidesToShow: 3,
      slidesToScroll: 1,
      arrows: false,
      responsive: [
        {
          breakpoint: 860,
          settings: {
           slidesToShow: 2,
          }
        },
        {
          breakpoint: 580,
          settings: {
           slidesToShow: 1,
          }
        },
      ],
    }
   
   if ($(window).width() > '992') 
   {
      if (slider.hasClass('slick-initialized')) {
         slider.slick('unslick');
      }
      return;
   }
   
   else if (!slider.hasClass('slick-initialized')) 
   {
      return slider.slick(settings);
   }
});
  • Вопрос задан
  • 44 просмотра
Пригласить эксперта
Ответы на вопрос 1
DanArst
@DanArst
Э, Ойboy!
попробуйте так
$(window).on('resize orientationchange', function() {
  var slider = $('#our-goods .our-goods-wrap');

    var settings = {
      infinite: true,
      autoplay: true,
      autoplaySpeed: 4000,
      slidesToShow: 3,
      slidesToScroll: 1,
      arrows: false,
      responsive: [
        {
          breakpoint: 860,
          settings: {
           slidesToShow: 2,
          }
        },
        {
          breakpoint: 580,
          settings: {
           slidesToShow: 1,
          }
        },
      ],
    }
   
   if ($(window).width() > '992') 
   {
      if (slider.hasClass('slick-initialized')) {
         slider.slick('unslick');
      }
      return;
   }
   
   else if (!slider.hasClass('slick-initialized')) 
   {
      return slider.slick(settings);
   }
});
Ответ написан
Ваш ответ на вопрос

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

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