Question

我想弄清楚为什么在使用响应断点时，unslick方法无效。

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

我在尝试调整窗口大小时收到错误 TypeError：b。$ slides为null 。

以下是我正在使用的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();
});

任何想法，为什么我总是在调整屏幕大小。

Answer 1

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

Answer 2

例如，当未关闭div时，

未经纠正的HTML结构也会使其发生

Slick：TypeError：b。$ slides为null

2 个答案: