2016-10-07 13 views
2

以下は滑らかなスライダの初期化です。 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 
      }, 


     } 
    ] 
}); 

答えて

2

私はそれがあるべきあなたのコードを少し構文エラーがあると思う:

{ 
     breakpoint: 1900, 
     settings: { 
      slidesToShow: 3, 
      slidesToScroll: 3 
     } 
}, 
{ 
     breakpoint: 767, 
     settings: { 
      slidesToShow: 2, 
      slidesToScroll: 2 
     } 
}, 
{ 
     breakpoint: 650, 
     settings: { 
      slidesToShow: 1, 
      slidesToScroll: 1 
     } 
} 
関連する問題