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

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

<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.

我得到错误TypeError:b。当我试图调整窗口大小时,$ slides为null。

Below is the code for jQuery Slick that i am using

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

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

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

2 个解决方案

#1


7

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.

你可以检查你是否多次为一个元素调用光滑滑块,或者如果你多次链接光滑滑块的自定义代码,请检查。

更多相关文章

  1. Jquery禁用/启用按钮与文本框代码
  2. 推荐web 前端代码的编辑分享平台——RunJS
  3. 想要改进我的jQuery代码,做我想要的,太丑了,IMO
  4. JQuery的一些基本功能代码(CH1&2)
  5. 如何让代码等待好/取消按钮选择?
  6. 如何在angularjs代码中单元测试jquery元素
  7. jquery常用代码片段
  8. Webhoster插入了一个javascript,它会阻止我的代码如何删除它?
  9. 可以直接拿来用的15个jQuery代码片段

随机推荐

  1. android耗时任务_handler
  2. Android(安卓)面试题
  3. Android(安卓)判断应用程序获取通知栏权
  4. android XMl 解析神奇xstream 五: 把复杂
  5. 欢迎访问Android中国
  6. Android监听手机软键盘的弹起和关闭
  7. Android笔记:SlidingDrawer
  8. Android 自定义ViewGroup 实战篇 -> 实现
  9. It’s Android Time
  10. [置顶] android Studio 配置LUA 开发环境