由于某种原因,光滑的轮播无法正常工作我不确定脚本或css是否有问题,但由于某种原因,轮播上的元素没有出现。
的script.js
/* Projects carousel */
$('.project-carousel').slick({
dots: false,
infinite: true,
speed: 300,
slidesToShow: 1,
centerMode: true,
variableWidth: true
});
的index.html
<div class="row mt-5 ml-1">
<div class="col-xs-12">
<div class="project-carousel">
<div class="projectos"></div>
<div class="projectos"></div>
<div class="projectos"></div>
<div class="projectos"></div>
<div class="projectos"></div>
<div class="projectos"></div>
</div>
</div>
</div>
style.sass
.project-carousel
width: 100%
height: 180px
.projectos
width: 150px
height: 150px
background: rgb(255, 104, 0)
margin: 0 10px
这就是它在网页上的显示方式,由于某种原因,该元素没有出现。
元素在html bur中存在,因为某些原因,光滑是没有显示的。
答案 0 :(得分:0)
好的,我找到了这个问题的解决方案,我必须降级版本的光滑,我改为1.6.0并且工作得很完美,出于某种原因,最后一个版本的版本存在问题。