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

【问题标题】：How to get previous slide index in slick slide如何在光滑幻灯片中获取上一张幻灯片索引
【发布时间】：2021-07-07 10:36:13
【问题描述】：

我现在正在为我的幻灯片使用光滑的滑块我想获取上一个幻灯片索引，我知道如何获取点击的幻灯片索引，如下所示

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

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

【问题讨论】：

标签： javascript html jquery slick.js

【解决方案1】：

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

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

【讨论】：

在这里查看主题：stackoverflow.com/questions/68285061/…
这是错误的答案。轮播可以从左侧滑动或使用导航页面（1,2,3,4）跳转。使用 currentSlideIndex 只会获取紧邻它之前的幻灯片，而不是之前显示的幻灯片。

【解决方案2】：

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

的缓存变量

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

【讨论】：