如何在光滑的幻灯片中获取上一张幻灯片索引

Question

我正在为我的幻灯片使用 slick slider 现在我想获得以前的幻灯片索引，我知道如何获得点击的幻灯片索引如下

$('.carousel').on('afterChange', function() {
    var dataId = $('.slick-current').attr("data-slick-index");    
    console.log(dataId);
});

那么如何使用 Jquery 获取上一张幻灯片索引？

Answer 1

根据 Slick Event documentation，afterChange 事件接受一个 currentSlide 参数，该参数是一个整数值，是当前幻灯片的索引。要获取上一张幻灯片的索引，请从此值中减去 1：

$('.carousel').on('afterChange', function(e, s, currentSlideIndex) {
  let previousSlideIndex = currentSlideIndex - 1;  
  console.log(previousSlideIndex);
});

Answer 2

提供的答案是错误的。应该只使用

中的缓存变量

.on('beforeChange', function (event, slick, currentSlide, nextSlide) {}

如何在光滑的幻灯片中获取上一张幻灯片索引

How to get previous slide index in slick slide

javascript

html

jquery

slick.js