Javascript 光滑滑块响应断点不工作?

Javascript 光滑滑块响应断点不工作?,javascript,slick.js,Javascript,Slick.js,下面是我对滑动条的初始化。根据当时的文档,您必须先设置最高断点,然后设置最小断点。在本例中,我的滑块在达到其最小断点650px之前不会更改幻灯片的数量。有人知道为什么吗?您可以在Youtube滑块部分看到此功能无法正常工作 $('.slick-slider').slick({ autoplay: true, autoplaySpeed: 3000, slidesToShow: 3, responsive: [ { brea

下面是我对滑动条的初始化。根据当时的文档,您必须先设置最高断点,然后设置最小断点。在本例中,我的滑块在达到其最小断点650px之前不会更改幻灯片的数量。有人知道为什么吗?您可以在Youtube滑块部分看到此功能无法正常工作

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


        }
    ]
});

我认为您的代码有一点语法错误,应该是:

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