javascript - 光滑的js总是显示箭头

Question

我正在尝试配置 slick.js 以在任何情况下显示箭头。

$('.slider-for').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: false,
  fade: true,
  asNavFor: '.slider-nav'
});
$('.slider-nav').slick({
  slidesToShow: 6,
  infinite: true,
  slidesToScroll: 1,
  asNavFor: '.slider-for',
  arrows: true,
  centerMode: false,
  focusOnSelect: true
});

问题是当我的 slider 没有足够的幻灯片显示时(在我的例子中，6)如果 slider 少于 6 张，则不会显示箭头。

我知道插件是这样工作的，但出于其他原因，我需要始终显示箭头。

以前有人必须处理类似的事情吗？

谢谢。

Answer 1

自己制作arrows:false并显示箭头

$('.container').slick({
   arrows: false,
});

并将事件附加到箭头上。

$('.next-arrow').on('click', function(){
   $('.container').slick('slickNext');
});
$('.prev-arrow').on('click', function(){
   $('.container').slick('slickPrev');
});