Tiny Slider-动态添加/删除幻灯片

Question

是否可以像使用Tiny Slider一样使用Slick在滑块中添加和删除幻灯片？

我想出了一种方法来定位当前幻灯片并使用活动类Tiny Slider apply和data属性将其删除。并打算颠倒添加幻灯片的过程。

但是，Tiny Slider所应用的活动类不会转移到下一个可用的幻灯片上，这使我认为无法即时添加/删除。

这是我当前的设置：

const sliderWrapper = document.querySelector('.slider');
const sliderNav = document.querySelector('.slider-nav');

const slider = tns({
    container: sliderWrapper,
    items: 1,
    slideBy: 'page',
    autoplay: false,
    navContainer: sliderNav,
    controls: false,
    loop: false
});

const deleteSlide = document.querySelector('.delete');

deleteSlide.addEventListener('click', function(){
    const currentSlideWithSlider = document.querySelector('.tns-slide-active').dataset.slide;
    const allSlides = document.querySelectorAll('.slide');

    allSlides.forEach(function(slide, index){
        const currentSlideNoSlider = slide.dataset.slide;
        if(currentSlideWithSlider === currentSlideNoSlider) {
            slide.parentNode.removeChild(slide);
        }
    });
    slider.destroy;
    slider.rebuild;
});

这是一个Codepen：https://codepen.io/abbasarezoo/pen/042e5f790a3fbfaefd616c2882a0822a

感谢您的帮助。