如何禁用滑動滑塊箭頭？

Question

我在網頁上使用兩種不同樣式的Slick滑塊，但是箭頭出現問題。 你能幫我么？

這是我的主要.slider，我使用CSS設置了上一個和下一個箭頭的樣式

http://prntscr.com/7kdpgo

在這里，我使用了Slick的.filtering類，但是我不需要這些箭頭。 如何在此處禁用它們並將其添加到設計中？

http://prntscr.com/7kdq03

Answer 1

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

Answer 2

從我看到的內容來看，滑塊使用js生成了自己的箭頭（您想從我理解的箭頭中刪除）。 但是它們具有鏈接到它們的功能，因此您希望使它們看起來像滑塊上方的那些，然后用它們替換頂部的那些。

 $(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 。 之后，您可以移動它們的絕對位置，使其與最初創建的位置重疊，然后讀取初始位置。 這樣，它們將看起來像您在打印屏幕頂部所擁有的，並且具有必要的功能。

Answer 3

只需將它們設置為null 。 任務完成！

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