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

Question

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

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/

任何帮助都非常感谢.

Answer 1

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

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

Answer 2

首先，您在示例中使用旧版本的 slick 。该版本不支持mobileFirst属性。variableWidth其次，如果你想使用slidesToShow财产，你必须移除。