响应断点不适用于平滑滑块 [英] Responsive breakpoints not working for slick slider

问题描述

我已经实现了光滑的滑块，该滑块在不调整浏览器大小的情况下也可以正常工作.但是，当我将浏览器的大小调整为1024时，响应的断点设置将不起作用.

I have implemented slick slider which works fine without resizing the browser. But when I resize the browser to 1024 then the responsive breakpoint settings doesn't work.

jQuery-

$('.slider').slick({
  centerMode: true,
  slidesToShow: 1,
  slidesToScroll: 1,
  dots: true,
  infinite: true,
  cssEase: 'linear',
  variableWidth: true,
  variableHeight: true,
  mobileFirst: true,
  responsive: [{
    breakpoint: 1024,
    settings: {
      slidesToShow: 4,
      slidesToScroll: 1,
      centerMode: false
    }
  }]
});

演示- https://jsfiddle.net/squidraj/hn7xsa4y/4/

我们非常感谢您的帮助.

Any help is highly appreciated.

推荐答案

将此设置添加到您的代码中；

Add this settings to your code;

$(".slides").slick({
    autoplay:true,
    mobileFirst:true,//add this one
}

这篇关于响应断点不适用于平滑滑块的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！