当前索引幻灯片 slickslider 循环 false

Question

我有一个像光滑页面中显示的示例一样的光滑滑块，我正在使用这样的代码，

<div class="slider slider-nav">
    <div><h3>1</h3></div>
    <div><h3>2</h3></div>
    <div><h3>3</h3></div>
    <div><h3>4</h3></div>
    <div><h3>5</h3></div>
  </div>

我使用这个选项

// // define inner slider
$('.slider').slick({
  dots: false,
  infinite: false,
  slidesToShow: 5,
  slidesToScroll: 5,
  centerMode: true,
  centerPadding: 110,
  focusOnSelect: true,
  variableWidth: true
});

$('.slider').on('afterChange', function (event, slick, currentSlide) {
  console.log('afterChange, currentSlide: ', currentSlide);
});
$('.slick-slide').on('click', function(ev){
  console.log('onClick slick-index:', $(ev.currentTarget).data('slick-index'));
});

当我看到日志时，单击元素的INDX与OPTION INFINITE为false

时的CLUTHENTLIDE之间存在差异。

是我问题的解决方案