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

Question

出于某种原因，光滑的旋转木马无法正常工作我不确定是脚本问题还是 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 中，但由于某些原因 slick 没有显示。

Answer 1

好的，我找到了这个问题的解决方案，我必须降级 slick 的版本，我更改为 1.6.0 并且工作得非常完美，出于某种原因，最新版本的 slick 存在问题。

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

jQuery slick carousel element doesn´t appear

jquery

plugins

carousel

slick.js