Javascript 从slick carousel中的幻灯片获取数据属性

对Slick carousel进行1.4更新后，从当前幻灯片中提取数据属性的方法发生了变化

以前有效的方法是：

onAfterChange: function(slide, index) {
   $('.project-caption').find('p').replaceWith("<p>" + $(slide.$slides.get(index)).data('description') + "</p>");
}

我已经尝试了所有我知道的方法来使用新方法获取数据属性

作者在此演示如何将当前幻灯片作为整数获取：

但是有人知道如何获取当前幻灯片数据属性吗？

您可以从slick对象访问$slides数组：

var elSlide = $(slick.$slides[currentSlide]);
var materials = elSlide.data('materials');

我已经更新了JSFIDLE

您可以从slick对象访问$slides数组：

var elSlide = $(slick.$slides[currentSlide]);
var materials = elSlide.data('materials');

---

我已经更新了事件处理程序中的JSFIDLE，并将其放入：

var activeSlide = $('#carousel').find('.slick-active');
var year = activeSlide.data('year');

---

这基于插件所做的类更改而起作用。

在事件处理程序中放置：

var activeSlide = $('#carousel').find('.slick-active');
var year = activeSlide.data('year');

这是基于插件所做的类更改而起作用的