首页 > 解决方案 > Slick Slider 在打开折叠引导程序 4 时损坏

问题描述

我在引导程序折叠中有一个轮播,每次打开折叠时,只有一个轮播项目,而不是全部,它是引导程序中的错误还是光滑的滑块?

在此处输入图像描述 滑块

$('.remember__carousel').slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  prevArrow: `<button type='button' class='slick-prev pull-left'><svg class='svg svg__remember-carousel'><use xlink:href='../assets/img/svg/sprite.svg/#arrow_thick'></use></svg></button>`,
  nextArrow: "<button type='button' class='slick-next pull-right'><svg class='svg svg__remember-carousel' style='transform: scale(-1,1);'><use xlink:href='../assets/img/svg/sprite.svg/#arrow_thick'></use></svg></button>"
})

HTML

标签: csstwitter-bootstrapslick.js

解决方案


使用此代码 CSS

    .collapse:not(.show)  {
display: block !important;
height: 0px;
}

推荐阅读