Why doesn't this script work when changing the orientation of the iPad?

Question

JavaScript

Moreover, if you change the width in dev tools, then everything is displayed correctly

$(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

try like this

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