如何禁用Slick Slider箭头？

Question

我正在使用具有两种不同风格的Slick滑块,对于我的网页,但我遇到箭头问题.你能帮我么？

这是我的主要.slider,我用它来设置它的上一页和下一个箭头

http://prntscr.com/7kdpgo

在这里我使用了.filtering类的Slick,但我不想要这些箭头.如何在此处禁用它们并在设计中添加它们？

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。之后，您可以使用绝对位置移动它们，重叠您最初制作的那些，然后读取初始的。这样它们看起来就像打印屏幕上的那些，并且具有必要的功能。