当$(window).resize()时改变slidesToShow slick属性

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

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

Answer 1

您可以使用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);
  }
});