html - 响应断点不适用于光滑的 slider

Question

我已经实现了光滑的 slider ，无需调整浏览器大小即可正常工作。但是当我将浏览器大小调整为 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
}