Как правильно отключать/включать крипты js, при изменении разрешения?

Question

[ololoshka1]

Хочу например, включить slick slider при разрешении меньше 900 пикселей.
Он работает, но только если ширина фиксированая, а если менять через инспектор для > ширины, то не инцилизируется, как правильно сделать

Вот код

cWidth = $(window).width();
  //slick accordion
  $(window).on('resize', function() {
    if (cWidth < 900) {
      $('.accordion').slick({
        nextArrow: '.next',
        prevArrow: '.prev',
        adaptiveHeight: true,
  
      });
    } 
});
$(window).trigger('resize');

Comments

[Андрей]

Пробовали использовать брэкпоинты? Может сделать следующим образом:
$('.slick-example').slick({
infinite: true,
dots: true,
slidesToShow: 3,
slidesToScroll: 1,
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: 4,// показать все слайды
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
}
}
]
});

Answer 1

[Иван В]

Смотрите блок "Responsive Display"
https://kenwheeler.github.io/slick/