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

Question

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

$('.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
        }
}