javascript - Slick:TypeError:b。$ slides为空

我试图弄清楚为什么在使用响应式断点时unslick方法不起作用。

<div id="skills" class="sectionWrapperInner">
  <div>Slide 1</div>
  <div>Slide 2</div>
  <div>Slide 3</div>
</div>

以下是我正在使用的jQuery Slick的代码

$(document).ready(function(){
     function slickIt(){
          if(!$('.sectionWrapperInner').hasClass('slick-initalized')){
              setTimeout(function(){
                  $('.sectionWrapperInner').slick({
                       responsive: [
                            {
                            breakpoint: 9999,
                            settings: "unslick"
                            },
                            {
                            breakpoint: 1199,
                            settings: {
                                mobileFirst: true,
                                slidesToShow: 4,
                                slidesToScroll: 4,
                                dots: true,
                                focusOnSelect: true,
                                infinte: true,
                            }
                        },
                        {
                            breakpoint: 640,
                            settings: {
                                mobileFirst: true,
                                slidesToShow: 2,
                                slidesToScroll: 2,
                                dots: true,
                                focusOnSelect: true,
                                infinte: true,
                            }
                        },
                       ]
                  });
              },100)
          }
     }
     $(window).bind('resize',function(){
          slickIt();
     });
     slickIt();
});

任何想法，为什么我总是在调整屏幕大小时得到这个。

最佳答案

能否请您检查是否已多次为一个元素调用滑动滑块，或者是否请检查是否多次链接了滑动滑块的自定义代码。

关于javascript - Slick:TypeError:b。$ slides为空，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40778653/