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

Question

[Василий Хрягин]

При чем, если в 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);
   }
});

Answer 1

[Danny Arty]

попробуйте так

$(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);
   }
});

Comments

[Василий Хрягин]

не работает

[Danny Arty]

Василий Хрягин, оказывается этой проблеме уже 2 года и issue на github до сих открыт

[Василий Хрягин]

Danny Arty, вот так работает

window.addEventListener("orientationchange", function() {
       
   }, false);