Slick Slide slickAdd返回false

Question

我正在尝试添加一个幻灯片到一个空的平滑滑块已经初始化。我使用的语句是：

$('.mapOfficeSlideshow.slick-slider').slick('slickAdd', '<div><h3>test</h3></div>', 0, false);

当我执行该语句时，它返回false。另外，如果我只是尝试在不指定atIndex和addBefore的情况下添加它，则不会添加任何内容：

$('.mapOfficeSlideshow.slick-slider').slick('slickAdd', '<div><h3>test</h3></div>');

下面是我的启蒙代码：

function initiateSlider() {
        console.log("start");
        var $mapOfficeSlideshow = $('.mapOfficeSlideshow.slick-slider');
        if ($mapOfficeSlideshow.length) {

            // Initialize slick
            $mapOfficeSlideshow.slick({
                slide: '.slide',
                autoplay: true,
                autoplaySpeed: 7000,
                pauseOnHover: true,
                dots: true,
                slidesToShow: 2,
                slidesToScroll: 1,
                rows: 0,
                prevArrow: $('.mapOfficeSlideshow .prev'),
                nextArrow: $('.mapOfficeSlideshow .next')
            });
        }
        console.log("end");

    }

值得注意的是，如果我在启动滑块之前手动添加，滑块本身就可以正常工作。只是添加了一些不起作用的幻灯片。另外，删除幻灯片对我来说很好。

Answer 1

所以我做错了一件事，那就是我没有向我想要添加的幻灯片中添加适当的类。在我的例子中，它将"slide lazy“作为一个类。

此外，如果在启动时没有任何幻灯片，则向滑块添加幻灯片似乎会导致问题。一旦它有了一些，我就可以自由地删除和添加。