根据浏览器的宽度设置滑动滑块值 JQuery

Question

我正在使用 slick

kenwheeler.github.io/slick

 <div class="slick" data-slick='{"slidesToShow": 4, "slidesToScroll": 1}'>
<div>1</div>
<div>2</div>
<div>1</div>
<div>1</div>
<div>1</div>
</div>

我想根据浏览器的宽度设置slidestoShow的值。任何想法将不胜感激

Answer 1

2这是经典的响应式滑块。您的滑块初始化程序脚本应如下所示：

$('.your-slider-class').slick({
  slidesToShow: 3,
  responsive: [
    {
      breakpoint: 768,
      settings: {
        slidesToShow: 2
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1
      }
    }
  ]
});

并将您的其他设置添加到此脚本。下次就读一下你给的link上的"how to use"，有一个例子就是这样

根据浏览器的宽度设置滑动滑块值 JQuery

Set slick slider value of JQuery according to width of browser

jquery

responsive-design

slick.js