光滑的滑块响应断点不起作用？

Question

下面是我对光滑滑块的初始化。根据http://kenwheeler.github.io/slick/上的文档，您必须在最小断点之后设置最高断点。在此示例中，我的滑块在达到其最小断点 650 像素之前不会更改幻灯片的数量。有谁知道为什么？您可以在 Youtube 滑块部分的https://unitedway.iupui.edu上看到这无法正常工作。

$('.slick-slider').slick({
    autoplay: true, 
    autoplaySpeed: 3000,
    slidesToShow: 3,
    responsive: [
        {
            breakpoint: 1900, 
            settings: {
                slidesToShow: 3, 
                slidesToScroll: 3
            },
           breakpoint: 767, 
            settings: { 
                slidesToShow: 2, 
                slidesToScroll: 2
            },
            breakpoint: 650, 
            settings: {
                slidesToShow: 1, 
                slidesToScroll: 1
            },


        }
    ]
});

Answer 1

我认为您的代码存在一些语法错误，应该是：

{
        breakpoint: 1900, 
        settings: {
            slidesToShow: 3, 
            slidesToScroll: 3
        }
},
{
       breakpoint: 767, 
        settings: { 
            slidesToShow: 2, 
            slidesToScroll: 2
        }
},
{
        breakpoint: 650, 
        settings: {
            slidesToShow: 1, 
            slidesToScroll: 1
        }
}