Jquery 响应：幻灯片在调整大小时消失

我在幻灯片中使用了响应断点。在小屏幕上，我一次放映一张幻灯片。在大2上（大表示小于

990

像素）

示例：我将断点设置为在小屏幕上一次显示一张幻灯片，并在大屏幕上禁用

滑块。我有8张幻灯片。在大于
990
像素的屏幕中

如果在小屏幕上我导航到幻灯片并使屏幕再次变大，则此块中的每一张幻灯片都会消失

你可以登记

如果我删除这部分代码

responsive: [{
                breakpoint: 568,
                settings: {
                    slidesToShow: 1
                }
            }]

一切都会好起来的

请帮助任何人

这是我的配置
Slick滑块

$(window).on('load', function(){
    if($(window).width() < 990){
     $('.container-slick').slick({
          centerMode: true,
          infinite: true,
          prevArrow: false,
          nextArrow: false,
          speed: 200,
          slidesToShow: 2,
          slidesToScroll:1,
          autoplay:true,
            responsive: [{
                breakpoint: 568,
                settings: {
                    slidesToShow: 1
                }
            }]
        });
    }
  });
$(window).on('resize', function(){
    if($(window).width() < 990){
     $('.container-slick').not('.slick-initialized').slick({
          centerMode: true,
          infinite: true,
          prevArrow: false,
          nextArrow: false,
          speed: 200,
          slidesToShow: 2,
          slidesToScroll:1,
         // if you remove from here
            responsive: [{
                breakpoint: 568,
                settings: {
                    slidesToShow: 1
                }
            }]
            // to there everything will work but i need 1 slide in small screens and 2 in screens more than 568 pixels
        });
    }
    else{
      $(".container-slick.slick-initialized").slick("unslick");
    }
  });

$（窗口）.on（'load'，function（））{
如果（$（窗口）.width（）<990）{
$（'.container slick'）。slick({
centerMode：对，
无限：是的，
普雷瓦罗：错，
下一行：错，
速度:200,，
幻灯片放映：2，
幻灯片滚动：1，
自动播放：对，
响应：[{
断点：568，
设置：{
幻灯片放映：1
}
}]
});
}
});
$（窗口）.on（'resize'，function（））{
如果（$（窗口）.width（）<990）{
$（'.container slick'）。不是（'.slick'）。slick({
centerMode：对，
无限：是的，
普雷瓦罗：错，
下一行：错，
速度:200,，
幻灯片放映：2，
幻灯片滚动：1，
//如果你离开这里
响应：[{
断点：568，
设置：{
幻灯片放映：1
}
}]
//到那里一切都将工作，但我需要1个幻灯片在小屏幕和2个屏幕超过568像素
});
}
否则{
$（“.container slick.slick初始化”）.slick（“unslick”）；
}
});
请参阅下面的小提琴



$（文档）.ready（函数（）{
如果（$（窗口）.width（）<1200）{
初始化单击（）
}
$（窗口）.on（'resize'，function（））{
如果（$（窗口）.width（）<1200）{
$（“.container slick.slick初始化”）.slick（“unslick”）；
}else if（！$（'.container slick'）.hasClass（'slick-initialized'））{
初始化单击（）
}
});
函数初始值单击（）{
$（'.container slick'）。slick({
centerMode：对，
无限：是的，
普雷瓦罗：错，
下一行：错，
速度:200,，
幻灯片放映：2，
幻灯片滚动：1，
自动播放：对，
响应：[{
断点：568，
设置：{
幻灯片放映：1
}
}]
});
}
});
.projects{
位置：相对位置；
宽度：100%；
}
.项目.项目名称{
字体系列：“蒙特塞拉特”；
位置：相对位置；
底部：10%；
字号：26px；
字体大小：粗体；
字体风格：普通；
字体拉伸：正常；
线高：2.69；
字母间距：1.3px；
文本对齐：左对齐；
颜色：#2A32d；
文本转换：大写；
}
.projects.projects\u标题范围{
颜色：#ffb338；
}
1.没有填充物{
填充：0！重要；
}
(一)新界西座{
利润底部：2%；
显示器：flex；
柔性包装：包装；
}
.projects\u block.projects\u block{
宽度：23%；
显示器：flex；
弯曲方向：立柱；
高度：100px；
过渡：背景图像，框影0.3s轻松进出；
背景图像：无；
利润率：0.1%；
背景尺寸：封面；
背景位置：58%30%；
背景混合模式：倍增；
}
@仅介质屏幕和（最大宽度：768px）{
.projects\u block.projects\u block{
宽度：自动；
}
}
.projects\u block.projects\u block:第一个孩子{
左边距：0！重要；
}
.projects\u block.projects\u block:最后一个子项{
右边距：0！重要；
}
.projects\u block.projects\u block:悬停{
光标：指针；
边框左下半径：40px；
背景混合模式：倍增；
边框右上角半径：40px；
边框：2倍实心#fff；
背景重复：无重复；
盒影：15px16px30px0pxRGBA（0,0,0,0.4）；
背景图像：线性渐变（到顶部，#151515，rgba（255，255，255，0）），
网址(https://milan-holidays.com/wp-content/uploads/2017/07/milan_tournimage_16_1920x1015.jpg);
}
.projects\u block.project\u block:hover.project\u title{
颜色：#fff；
填充：20px 0 0 20px；
}
.projects\u block.project\u block:hover.project\u name{
颜色：#fff；
左侧填充：20px；
}
.projects\u block.projects\u block.projects\u title{
字体大小：14px；
字体大小：正常；
字体风格：普通；
字体拉伸：正常；
线高：正常；
字母间距：0.7px；
文本对齐：左对齐；
颜色：#666666；
}
.projects\u block.projects\u block.projects\u name{
字体大小：14px；
字体大小：粗体；
字体风格：普通；
字体拉伸：正常；
线高：正常；
字母间距：0.7px；
文本对齐：左对齐；
颜色：#2A32d；
}
.projects\u block.projects\u block a{
不透明度：0；
过渡：不透明度0.3s缓进缓出；
字体系列：“蒙特塞拉特”；
}
.projects\u block.projects\u block：将鼠标悬停在a上{
不透明度：1；
字体大小：12px；
字体大小：粗体；
字体风格：普通；
字体拉伸：正常；
线高：正常；
字母间距：0.6px；
文本对齐：左对齐；
颜色：#ffb338；
左侧填充：24px；
填充顶部：6px；
文字装饰：无；
}
.project_块：第n个子项（1）：悬停{
光标：指针；
边框左下半径：40px；
背景混合模式：倍增；
边框右上角半径：40px；
边框：2倍实心#fff；
背景重复：无重复；
盒影：15px16px30px0pxRGBA（0,0,0,0.4）；
背景图像：线性渐变（到顶部，#151515，rgba（255，255，255，0）），
网址(https://milan-holidays.com/wp-content/uploads/2017/07/milan_tournimage_16_1920x1015.jpg);
}
.project_块：第n个子项（2）：悬停{
光标：指针；
边框左下半径：40px；
背景混合模式：倍增；
边框右上半径：40