Jquery 滑动转盘错误取消滑动不是一项功能

Jquery 滑动转盘错误取消滑动不是一项功能,jquery,slick.js,Jquery,Slick.js,如你所见,有8个街区,4个在上面,4个在下面 我需要证明滑块在移动版本中工作。就像在 另外,如果您仔细查看此链接,您应该会发现此代码在onload中不起作用 我将把这段代码做了一些修改,它必须工作,但确实工作了。我在控制台中遇到了一堆bug 错误:无法读取未定义的属性“unslick” 我已经试着改变了 $(".container-slick").unslick("unslick"); 到 但它不起作用 请帮忙 这是我的 $(窗口).on('load',function()){ 如果($(

如你所见,有8个街区,4个在上面,4个在下面

我需要证明滑块在移动版本中工作。就像在

另外,如果您仔细查看此链接,您应该会发现此代码在onload中不起作用

我将把这段代码做了一些修改,它必须工作,但确实工作了。我在控制台中遇到了一堆bug

错误:无法读取未定义的属性“unslick”

我已经试着改变了

 $(".container-slick").unslick("unslick");

但它不起作用

请帮忙

这是我的

$(窗口).on('load',function()){
如果($(窗口).width()<768){
$('.container slick')。slick({
centerMode:对,
无限:是的,
普雷瓦罗:错,
下一行:错,
速度:200,,
幻灯片放映:1
});
}
否则{
$(“.container slick”).slick(“unslick”);
}
});
$(窗口).on('resize',function()){
如果($(窗口).width()<768){
$('.container slick')。slick({
centerMode:对,
无限:是的,
普雷瓦罗:错,
下一行:错,
速度:200,,
幻灯片放映:1
});
}
否则{
$(“.container slick”).unslick(“unslick”);
}
});
.projects\u块{
利润底部:2%;
显示器:flex;
字体系列:“蒙特塞拉特”;
柔性包装:包装;
}
(一)工程大厦{
宽度:23%;
高度:100px;
}

探索米兰的宗教场所
圣彼得堡爱乐乐团
大会堂音乐
手工艺术设计工作坊
探索米兰的宗教场所
圣彼得堡爱乐乐团
大会堂音乐
手工艺术设计工作坊
-->在窗口加载时,如果宽度小于768px,则仅应用slick js,无需取消单击,因为只有宽度小于768px时,它才会启动
-->另外,在resizejQuery上有一个错误$(“.container slick”).unslick(“unslick”);
-->所以你的新剧本是这样的
$(窗口).on('load',function(){
如果($(窗口).width()<768){
$('.container slick')。slick({
centerMode:对,
无限:是的,
普雷瓦罗:错,
下一行:错,
速度:200,,
幻灯片放映:1
});
}
否则{
}
});
$(窗口).on('resize',function()){
如果($(窗口).width()<768){
$('.container slick')。slick({
centerMode:对,
无限:是的,
普雷瓦罗:错,
下一行:错,
速度:200,,
幻灯片放映:1
});
}
否则{
$(“.container slick”).slick(“unslick”);
}
});

1秒后我将检查抱歉,但它没有帮助。取消单击错误我将删除(也会给您+1),但滑块不起作用
$(".container-slick").slick({
   settings:"unslick"
});
-->As on Window Load if width is less than 768 px then only we are applying slick js no need to unslick it because it will fire only width is less than 768px 
--> Also on resize Jquery There is an error of $(".container-slick").unslick("unslick"); 
--> So your new script will be like this

<script type="text/javascript">

    $(window).on('load', function(){
    if($(window).width() < 768){
     $('.container-slick').slick({
          centerMode: true,
          infinite: true,
          prevArrow: false,
          nextArrow: false,
          speed: 200,
          slidesToShow: 1
        });
    }
    else{
    }
  });
$(window).on('resize', function(){
    if($(window).width() < 768){
     $('.container-slick').slick({
          centerMode: true,
          infinite: true,
          prevArrow: false,
          nextArrow: false,
          speed: 200,
          slidesToShow: 1
        });
    }
    else{
      $(".container-slick").slick("unslick");
    }
  });

</script>