Question

这是我光滑的滑块：

            var informations_panel = document.querySelector("#block-views-block-wazne-informacje-strona-glowna-block-1 > div:nth-child(3) > div > div.view-content");
            $(informations_panel).slick({
                autoplay: true,
                autoplaySpeed: 5000,
                arrows: true,
                dots: true,
                infinite: true,
                slidesToShow: 2,
                slidesToScroll: 1
            });

当用户调整窗口大小时，是否可以更改slidesToShow属性？使用$（window）.resize（），类似：

    $(window).resize(function(){
        var informations_panel = document.querySelector("#block-views-block-wazne-informacje-strona-glowna-block-1 > div:nth-child(3) > div > div.view-content");
        if ($(window).width() < 992) {
            $(informations_panel).slick({
                autoplay: true,
                autoplaySpeed: 5000,
                arrows: true,
                dots: true,
                infinite: true,
                slidesToShow: 1,
                slidesToScroll: 1
            });
        }
    });

此解决方案出现错误，导致我无法再次在同一元素上初始化平滑。我只想在窗口宽度大于992px时将属性slidesToShow从2更改为1。

Answer 1

初始化滑块时，可以在“响应”属性中使用“断点”。 https://kenwheeler.github.io/slick/此链接应该会有所帮助。

Answer 2

您可以使用slickSetOption

$(window).resize(function() {
  var informations_panel = document.querySelector("#block-views-block-wazne-informacje-strona-glowna-block-1 > div:nth-child(3) > div > div.view-content");
  if ($(window).width() < 992) {
    $(informations_panel).slick('slickSetOption', 'slidesToShow', 1);
  }
});

$（window）.resize（）时更改slidesToShow slick属性

2 个答案: