Question

我正在使用光滑的

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
      }
    }
  ]
});

并将您的其他设置添加到此脚本中。下次只需阅读＆＃34;如何使用＆＃34;在你给出的链接上，有一个像这样的例子

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

1 个答案: