Slick 不允许多张幻灯片

问题描述

第一张幻灯片工作正常。但是当我添加第二张幻灯片时，它现在可以工作了。我正在更改 className，为什么它不起作用？如果你帮助我，我会很高兴。谢谢

$(document).ready(function() {
  $('.sidebar-slick').slick({
    infinite: true,slidesToShow: 1,slidesToScroll: 3,prevArrow: $('.prev1'),nextArrow: $('.next1')
  });
});


$(document).ready(function() {
  $('.sidebar-slick2').slick({
    infinite: true,prevArrow: $('.prev2'),nextArrow: $('.next2')
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>

<div class="sidebar-slick">
  <div> Test </div>
  <div> Test </div>
  <div> Test </div>
</div>


<div class="sidebar-slick2">
  <div> Test </div>
  <div> Test </div>
  <div> Test </div>
</div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascript slick.js