Javascript kenwheeler/slick如何将当前幻灯片作为dom或jquery对象获取?
使用,我有一个简单的旋转木马,大致如下:Javascript kenwheeler/slick如何将当前幻灯片作为dom或jquery对象获取?,javascript,jquery,carousel,Javascript,Jquery,Carousel,使用,我有一个简单的旋转木马,大致如下: <div class="carousel"> <div class="image"><img src="http://path/to/image.jpg" data-caption="Caption 1"></div> <div class="image"><img src="http://path/to/image2.jpg" data-caption="Caption 2"&g
<div class="carousel">
<div class="image"><img src="http://path/to/image.jpg" data-caption="Caption 1"></div>
<div class="image"><img src="http://path/to/image2.jpg" data-caption="Caption 2"></div>
<div class="image"><img src="http://path/to/image3.jpg" data-caption="Caption 3"></div>
</div>
其中滑块
返回旋转木马对象,索引
返回当前幻灯片
如何从中获取
数据标题值?Arg,抱歉,我找到了一个关于github问题的解决方案,标题为
滑块
指旋转木马,因此可以访问滑块,以便:
$(slider)
并可以使用$(slider.$slides.get(index))访问特定的幻灯片
因此,关于我上面的问题,我的问题很简单:
$(slider.$slides.get(index)).data('caption');
试试这个
$('.carousel').on('afterChange', function() {
var dataId = $('.slick-current').attr("data-slick-index");
console.log(dataId);
});
更改前
jQuery('.pt-slick-carousel__slides').on('beforeChange', function(event, slick, currentSlide, nextSlide){
console.log(jQuery('.pt-slick-carousel__slides .slick-active').attr('data-slick-index'));
console.log(jQuery('.pt-slick-carousel__slides .slick-active').attr('id'));
});
jQuery('.pt-slick-carousel__slides').on('afterChange', function(event, slick, currentSlide, nextSlide){
console.log(jQuery('.pt-slick-carousel__slides .slick-active').attr('data-slick-index'));
console.log(jQuery('.pt-slick-carousel__slides .slick-active').attr('id'));
});
更换后
jQuery('.pt-slick-carousel__slides').on('beforeChange', function(event, slick, currentSlide, nextSlide){
console.log(jQuery('.pt-slick-carousel__slides .slick-active').attr('data-slick-index'));
console.log(jQuery('.pt-slick-carousel__slides .slick-active').attr('id'));
});
jQuery('.pt-slick-carousel__slides').on('afterChange', function(event, slick, currentSlide, nextSlide){
console.log(jQuery('.pt-slick-carousel__slides .slick-active').attr('data-slick-index'));
console.log(jQuery('.pt-slick-carousel__slides .slick-active').attr('id'));
});
您可能需要修改它,因为$(slider.$slides.get(index))
将返回滑动包装的DOM节点。使用当前文档变量名称(用于afterChange
事件),我得出了以下结论:jQuery(slick.$slides.get(currentlide)).find('.your slide selector').data('your-data-attr')
。