Включить и отключить Slick Slider в определенных точках перерыва

Question

Я пытаюсь включить Slick Slider (slick.js), чтобы начать только ширину более 520 пикселей. Все, что ниже этого, и слайды просто стека (то есть без пятна). Возможно ли, что он может работать без обновления страницы?

Я сделал это, который работает при перетаскивании браузера (узкий) ниже 500px, но когда я перехожу его на 500px он не повторно инициировать без обновления страницы ...

$('.slick').slick({ 
    autoplay: true, 
    autoplaySpeed: 4000, 
    delay: 5000, 
    speed: 700, 
    responsive: [ 
     { 
      breakpoint: 500, 
      settings: "unslick" 
     } 
    ] 
}); 

Есть ли способ обойти это?

Я использую https://github.com/kenwheeler/slick

Answer 1

Вы можете попытаться восстановить его, когда при изменении размера окна выше 500. Это, кажется, работает в моем демо.

JSFiddle Demo

function slickify(){ 
    $('.slick').slick({ 
     autoplay: true, 
     autoplaySpeed: 4000, 
     delay: 5000, 
     speed: 700, 
     responsive: [ 
      { 
       breakpoint: 500, 
       settings: "unslick" 
      } 
     ] 
    }); 
} 

slickify(); 
$(window).resize(function(){ 
    var $windowWidth = $(window).width(); 
    if ($windowWidth > 500) { 
     slickify(); 
    } 
});