我正在尝试将幻灯片添加到已初始化的空滑动条中。我用的是这样的说法:
$('.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");
}
值得注意的是,如果我在启动滑块之前手动添加滑块,它本身就可以正常工作。它只是添加了不起作用的幻灯片。此外,移除幻灯片对我来说也很好。