响应断点不适用于光滑的滑块

Question

我已经实现了光滑的滑块，无需调整浏览器大小即可正常工作。但是当我将浏览器的大小调整为 1024 时，响应断点设置不起作用。

查询：

 $('.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/

原文由 Prithviraj Mitra 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

原文由 Shady Kip 发布，翻译遵循 CC BY-SA 4.0 许可协议