Плавный слайдер Ответственные точки останова не работают?

Question

Ниже представлена ​​моя инициализация слайдера. Согласно документации по адресу http://kenwheeler.github.io/slick/, вы должны установить самую высокую точку останова сначала за наименьшим. В этом примере мой слайдер не изменяет количество слайдов, пока не достигнет наименьшей точки останова 650 пикселей. Кто-нибудь знает, почему? Вы можете видеть, что это неправильно работает на https://unitedway.iupui.edu в разделе слайдера 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 
      }, 


     } 
    ] 
}); 

Answer 1

Я думаю, что есть маленькая ошибка синтаксиса с кодом он должен быть:

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