Slick : TypeError: b.$slides is null [英] Slick : TypeError: b.$slides is null

问题描述

我正在尝试弄清楚为什么在使用响应式断点时，unslick 方法不起作用.

<div>幻灯片 1</div><div>幻灯片 2</div><div>幻灯片 3</div>

<块引用>

当我尝试调整窗口大小时，我收到错误 TypeError: b.$slides is null.

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

$(document).ready(function(){函数 slickIt(){if(!$('.sectionWrapperInner').hasClass('slick-initalized')){设置超时(功能(){$('.sectionWrapperInner').slick({回应:[{断点:9999，设置:不光滑"},{断点:1199，设置:{移动优先:真，幻灯片显示:4，幻灯片滚动:4，点:对，focusOnSelect: 真,无限:真实，}},{断点:640，设置:{移动优先:真，幻灯片显示:2，幻灯片滚动:2，点:对，focusOnSelect: 真,无限:真实，}},]});},100)}}$(window).bind('resize',function(){slickIt();});slickIt();});

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

解决方案

能否请您检查您是否为一个元素多次调用了slick slider，或者您是否多次链接slick slider的自定义代码.

I am trying to work out why the unslick method isn't working while using responsive breakpoints.

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

I get error TypeError: b.$slides is null when i am trying to resize the window.

Below is the code for jQuery Slick that i am using

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

Any ideas, why i am getting this always on resizing the screen.

解决方案

Can you please check if you have called slick slider multiple times for one element, or you check please if you link the custom code of slick slider multiple times.

这篇关于Slick : TypeError: b.$slides is null的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！