Javascript 窗口在不同宽度上调整活动和禁用滑块的大小

代码：

$（函数（）{
var win=$（窗口）；
resizeHandler（）；
win.resize（resizeHandler）；
var=false；
函数resizeHandler（）{
如果（win.width（）=992）{
滑块。不滑动（“破坏”）；
}
}
});

所以我希望滑块在低于991px时工作，在高于991px时停止工作。调整大小时所有，但现在刷新时，高于991的滑块永远不会出现，低于991的滑块刷新时，超过991px时滑块不会消失

如果有一些输入或者向我推荐一个滑块库，您可以在其中禁用某些宽度，那会很好吗

---

提前感谢。

快速解决方案：只需删除我的unslider使用的类（如“unslider wrap unslider carousel”）。下面的代码已经用unslider demo进行了测试

$(function() {
     var win = $(window);

     resizeHandler();

     win.resize(resizeHandler);
     var fired = false;

     function resizeHandler() {
     if (win.width() <= 991 && !fired) {
     $('.element').unslider();
        fired = true;
     } else if (win.width() >= 992) {
        slider.unslider('destroy');
     }
   }
});

$（函数（）{
var win=$（窗口），
mySlider=$（“.my slider”）；
resizeHandler（）；
win.resize（resizeHandler）；
函数resizeHandler（）{
如果（win.width（）=992）{
mySlider.removeClass（“unslider wrap unslider carousel”）；
}
}
});

幻灯片1
幻灯片2
幻灯片3
幻灯片4

您希望滑块保持在那里但停止滑动，还是希望将其完全删除？您可以在媒体查询中使用CSS隐藏滑块以获得特定分辨率，这样滑块将保持实例化。完全删除，但不删除元素，我需要它像以前一样不添加反滑器。你确定

slider.unslider（'destroy'），我找不到任何方法或选项。可能是
slider.unslider（'stop'）将帮助。
$(function() {
     var win = $(window),
         mySlider = $(".my-slider");

     resizeHandler();

     win.resize(resizeHandler);

   function resizeHandler() {
     if (win.width() <= 991) {
        mySlider .addClass ("unslider-wrap unslider-carousel");
     } else if (win.width() >= 992) {
        mySlider.removeClass ("unslider-wrap unslider-carousel");
     }
   }
});

<div class="default-slider unslider-horizontal">
    <ul class="my-slider unslider-wrap unslider-carousel">
        <li>Slide 1</li>
        <li class="unslider-active">Slide 2</li>
        <li class="">Slide 3</li>
        <li class="">Slide 4</li>
    </ul>
</div>