javascript - Slick 不允许多张幻灯片

Question

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

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


$(document).ready(function() {
  $('.sidebar-slick2').slick({
    infinite: true,
    slidesToShow: 1,
    slidesToScroll: 3,
    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>

标签： javascriptslick.js