jQuery slick carousel 元素不会出现答案

【问题标题】：jQuery slick carousel element doesn´t appearjQuery slick carousel 元素不会出现
【发布时间】：2018-03-28 13:20:43
【问题描述】：

由于某种原因，光滑的轮播无法正常工作，我不确定是脚本还是 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 中没有显示。

【问题讨论】：

你用过(function ($) { }吗？
不，我正在使用$(document).ready(function() { } );
$(document).ready 已弃用，您可以尝试使用(function ($) { } 吗？
我之前有另一个滑块并且正在工作，但如果我尝试使用 fade 效果，我不知道为什么会发生这种情况
ok 使用 (function ($) { } 也一样

标签： jquery plugins carousel slick.js

【解决方案1】：

好的，我找到了解决此问题的方法，我必须降级 slick 的版本，我已更改为 1.6.0 并且工作正常，由于某种原因，最后一个版本的 slick 存在问题。

【讨论】：