如何禁用Slick Slider的箭头？

Question

我正在使用Slick滑块，有两种不同的样式用于我的网页，但是我在箭头方面遇到了问题。 你能帮我吗？

这是我的主要.slider，我已经使用CSS样式化了它的上一个和下一个箭头

http://prntscr.com/7kdpgo

这里我使用了Slick的.filtering类，但我不想要这些箭头。我该如何在这里禁用它们并将其添加到设计中？

http://prntscr.com/7kdq03

- Erum-n

Answer 1

<script>
  $('#carouselclass').slick({
     slidesToShow: 3,
     slidesToScroll: 1,
     autoplay: true,
     autoplaySpeed: 1500,
    arrows : false,
  });
</script>

- user5929999

Answer 2

只需将它们设置为null即可。工作完成！

    <script>
      $('#carouselclass').slick({
         slidesToShow: 3,
         slidesToScroll: 1,
         autoplay: true,
         autoplaySpeed: 1500,
         prevArrow: null,
         nextArrow: null,
      });
    </script>

- Gianluca Ghettini

Answer 3

据我所见，滑块使用javascript生成自己的箭头（你希望从中删除的箭头）。但是它们具有与它们链接的功能，因此您希望使它们看起来像滑块上方的箭头，然后用它们替换顶部的箭头。

$(document).ready(function(){
  $('.your-class-reg').slick({
       infinite: true,
       slidesToShow: 1,
       slidesToScroll: 1,
       prevArrow: '<a class="your-class-btn-back">Back</a>',
     nextArrow: '<a class="your-class-btn-forward">Forward</a>',
     rows: 1
  });
 });

你需要使用与小型顶部箭头相同的css类，而不是.your-class-btn-back和.your-class-btn-forward。之后，您可以使用绝对位置移动它们，重叠最初创建的箭头，然后删除最初的箭头。 这样它们将看起来像您在屏幕截图上的那些，并具有必要的功能。

- DragosB