Slick Slide slickAdd возвращает false - PullRequest
0 голосов
/ 21 апреля 2020

Я пытаюсь добавить слайд к пустому скользящему слайдеру, который был инициализирован. Я использую утверждение:

$('.mapOfficeSlideshow.slick-slider').slick('slickAdd', '<div><h3>test</h3></div>', 0, 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");

    }

Стоит отметить, что если я добавить вручную, прежде чем запускать сам слайдер работает нормально. Это просто добавление слайдов, которые не работают. Кроме того, удаление слайдов прекрасно работает для меня.

1 Ответ

0 голосов
/ 22 апреля 2020

Итак, одна вещь, которую я сделал неправильно, - я не добавил нужные классы к слайду, который я хотел добавить. в моем случае это был бы «слайд ленивый» как класс.
Кроме того, похоже, что добавление слайдов в слайдер, если у него не было ни одного при запуске, вызывало проблемы. как только у него было немного, я мог удалить и добавить свободно.

...