jQuery光滑的轮播元素没有出现

时间:2018-03-28 13:20:43

标签: jquery plugins carousel slick.js slick-slider

由于某种原因,光滑的轮播无法正常工作我不确定脚本或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

这就是它在网页上的显示方式,由于某种原因,该元素没有出现。

enter image description here

元素在html bur中存在,因为某些原因,光滑是没有显示的。

enter image description here

1 个答案:

答案 0 :(得分:0)

好的,我找到了这个问题的解决方案,我必须降级版本的光滑,我改为1.6.0并且工作得很完美,出于某种原因,最后一个版本的版本存在问题。