javascript - prevArrow 和 nextArrow 不适用于多个光滑的滑块

Question

我的页面上有多个滑块，问题是我制作的自定义箭头仅适用于滑块编号。2，例如，我可以按滑块编号上的箭头。1 或 3，但它会改变滑块上的图片。2.

这是代码：

**<section id="slideshow">
    <div class="slick">
      <div><img src="pic.jpg" ></div>
      <div><img src="pic2.jpg" ></div>
      <div><img src="pic3.jpg"></div>
    <div>
    <div class="arrow-prev">
       <span><i class="fas fa-angle-double-left"></i></span>
    </div>
    <div class="arrow-next">
       <span><i class="fas fa-angle-double-right"></i></span>
    </div>
</section>**

<script>
    $(document).ready(() => {
        $('.slick').slick({
            //autoplay: true,
            fade: true,
            dots: false,
            speed: 2000,
            autoplaySpeed: 100,
            pauseOnHover: true,
            arrows: true,
            prevArrow: $('.arrow-prev'),
            nextArrow: $('.arrow-next')
  })
 })
</script>

关于如何解决问题的任何想法？

标签： javascriptjquerysliderslideshowslick