代码之家  ›  专栏  ›  技术社区  ›  Caleb

Slick Slide slickAdd返回错误

  •  0
  • Caleb  · 技术社区  · 6 年前

    我正在尝试将幻灯片添加到已初始化的空滑动条中。我用的是这样的说法:

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

    当我做这个陈述时,它返回false。另外,如果我只是尝试添加它,而不指定atIndex和add,那么在没有添加任何内容之前:

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

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

    0 回复  |  直到 6 年前
        1
  •  0
  •   Caleb    6 年前

    所以我做错了一件事,就是我没有在我想添加的幻灯片中添加正确的类。在我的例子中,它将“slide lazy”作为一个类。
    此外,如果启动时滑块没有任何幻灯片,则向滑块添加幻灯片似乎会导致问题。一旦它有了一些,我就可以随意删除和添加。