从光滑转盘中的幻灯片中获取数据属性

Getting data-attributes from slides in slick carousel

本文关键字：幻灯片 获取 数据属性      更新时间：2023-12-22

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

以前有效的方法：

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

现在文档显示更改后调用当前幻灯片如下：

$('.your-element').on('afterChange', function(event, slick, currentSlide, nextSlide){
    console.log(nextSlide);
});`

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

作者向我展示如何在此处将当前幻灯片获取为整数：http://jsfiddle.net/3b4kqy9p/

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

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

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

我已经在这里更新了jsfiddle

在事件处理程序内部放入：

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

这是基于插件所做的类更改。

相关文章：