슬릭 슬라이더 반응하는 브레이크 포인트가 작동하지 않습니까?

Question

다음은 매끄러운 슬라이더를 초기화 한 것입니다. http://kenwheeler.github.io/slick/의 설명서에 따르면 가장 작은 중단 점 다음에 가장 높은 중단 점을 먼저 설정해야합니다. 이 예에서 슬라이더는 650px의 가장 작은 중단 점에 도달 할 때까지 슬라이드 수를 변경하지 않습니다. 아무도 이유를 아나요? 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 
     } 
} 

가