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

标签 javascript jquery slick.js

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/

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

最佳答案

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

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

我已经更新了 jsfiddle here

关于javascript - 从 slick carousel 中的幻灯片获取数据属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28546163/

相关文章:

javascript - XMLHttpRequest 和 S3,CORS 错误

javascript - Uncaught Error : [$injector:modulerr] when using ui. 路由器

javascript - 所见即所得 免费用于商业用途

javascript - 如何对 AJAX 返回的元素执行 Jquery?

javascript - 为什么我的文本不在 Bootstrap 4 和 Slick 中的缩略图旁边?

javascript - Slick Slide-如何在beforeChange中设置nextSlide

Javascript 确认对话框显示错误文本

javascript - Jquery Ajax 加载另一个包含 jquery 库的页面

javascript - 仅在页面加载时执行 Javascript,而不是 PostBack (SharePoint)

javascript - 光滑 slider 正则表达式过滤