光滑的旋轉木馬響應斷點

Question

這是我用來在我的網頁上創建光滑的旋轉木馬的配置。

$('#carousel').slick({ 
         infinite: true, 
         slidesToShow: 3, 
         slidesToScroll: 1, 
         arrows: true, 
         autoplay: true, 
         autoplaySpeed: 2000, 
         responsive: [ 
          { 
           breakpoint: 1200, 
           settings: { 
           slidesToShow: 2, 
           slidesToScroll: 1 
           } 
          }, 
          { 
           breakpoint: 1008, 
           settings: { 
           slidesToShow: 1, 
           slidesToScroll: 1 
           } 
          }, 
          { 
           breakpoint: 800, 
           settings: "unslick" 
          } 

          ] 
      }); 

它正在它是假設，除了一件事在上班的路上，當我從1920寬800寬度調整我的瀏覽器窗口，旋轉木馬unslicks和內容顯示像正常div的，但是當我增加了旋轉木馬不會重新創建的瀏覽器窗口的寬度。它仍然像沒有旋轉木馬的HTML div塊一樣。

任何幫助，將不勝感激。

Answer 1

unslick是一種析構函數方法。一旦你沒有點擊，你需要再次調用slick（）來構造輪播。

Answer 2

這是重建轉盤unslick在斷點處殺死後一種方法：

$(window).resize(function() { 
    $('.js-slider').not('.slick-initialized').slick('resize'); 
}); 

$(window).on('orientationchange', function() { 
    $('.js-slider').not('.slick-initialized').slick('resize'); 
});