Javascript 滑动条-如何在单击时删除特定的滑动条

我试图添加功能，以光滑滑块，当你点击一个幻灯片，它会删除它从滑块

我查看了网站上的文档，它展示了如何添加/删除幻灯片，但这只适用于滑块中的最后一张幻灯片

我正在努力使它工作，这样你就可以删除一个特定的幻灯片根据其中一个是点击

1.

$（'.js删除幻灯片'）。在（'click'，function（）上{
$（'.add-remove'）.slick（'slickRemove'，slideIndex-1）；
如果（滑动索引！==0）{
滑动索引--；
}
});

编辑：我添加了更多的代码来显示如何设置它，以删除滑块中的最后一张幻灯片

我正在尝试设置它，以便当在幻灯片上单击“删除”按钮时，该幻灯片将从滑块中删除。我从Slick Slider网站抓取的片段只删除了Slider中的最后一张幻灯片。所以我想知道如何在点击时删除特定的幻灯片

是您的解决方案的代码笔

console.clear（）；
$（'.slider'）。光滑({
圆点：对
});
$（'.slide'）。在（'click'，function（）上{
$（'.slider'）.slick（'slickRemove'，$（'.slick slide'）。索引（this）-1）；
});
html，
身体{
背景：#102131；
文本对齐：居中；
}
.滑块{
宽度：400px；
保证金：20px自动；
填充：20px；
颜色：白色；
}
.滑块img{
显示：块；
保证金：自动；
}

幻灯片1
幻灯片2
幻灯片3
幻灯片4
幻灯片5
其实很简单

$( document ).on( 'click', '.slick-slider .delete', {}, function() {
    $( this ).closest( '.slick-slide' ).remove();
} );

你能发布完整的html代码或截图吗？@TAHASULTANTEMURI我添加了slick sliders网站上的html代码，介绍了他们如何设置删除最后一张幻灯片。我还添加了我的项目的屏幕截图，以显示我正在尝试的操作。表示您要删除“淡入淡出”区域？@TAHASULTANTEMURI我不确定您所说的“淡入淡出”区域是什么意思？如果您查看屏幕截图，滑块中的每个幻灯片都有一个删除按钮。我试图做的是，当单击该幻灯片时，应将其从滑块中删除。Slick Slider网站上的示例所做的是使用滑块外的按钮，只移除滑块中的最后一张幻灯片，而不是像我需要它那样的特定幻灯片。试图找出如何修改slick slider代码段以使用此项目所需的功能。对不起，如果不清楚，如果您有任何其他问题，请告诉我！你的问题是分散的，你能不能尽量减少额外的代码？这正是我要找的。谢谢你的帮助！喜欢你选择使用的图像Hahaa获取当前索引的另一种方法是：
$（'.slick slide'）。索引（$（'.slick current'））
请添加一个。这将大大提高其答案的长期价值。
$('.slick-slide').on('click', function() {
   var $indexid = $(this).attr("data-slick-index");
  $('.slick-slider').slick('slickRemove', $indexid);
});