时间戳

首页 > 解决方案 > Slick Slide slickAdd 返回 false

javascript - Slick Slide slickAdd 返回 false

问题描述

我试图将幻灯片添加到已初始化的空滑动滑块。我正在使用以下语句：

$('.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");

    }

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

标签： javascripthtmljqueryslick.js

解决方案

所以我做错的一件事是我没有在我想添加的幻灯片中添加正确的类。在我的情况下，它会“滑动懒惰”作为一个类。
此外，如果在启动时没有任何幻灯片，则将幻灯片添加到滑块似乎会导致问题。一旦有了一些，我就可以自由地删除和添加。

推荐阅读