Slick 不允许多张幻灯片

如何解决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>