Javascript 猫头鹰转盘2-获取活动项目
我有一个由WordPress主题生成的Owl Carousel 2,我已经设置了一些类似的自定义脚本:Javascript 猫头鹰转盘2-获取活动项目,javascript,jquery,owl-carousel,Javascript,Jquery,Owl Carousel,我有一个由WordPress主题生成的Owl Carousel 2,我已经设置了一些类似的自定义脚本: owl.on('changed.owl.carousel', function() { activeEls = $('.owl-item.active'); setCarouselCaption( activeEls[1] ); }); 这会将中间图像的图像标题放置在全宽容器中旋转木马的下方 我遇到的问题是,当我将active项分配给activeEls时,它会在单击之
owl.on('changed.owl.carousel', function() {
activeEls = $('.owl-item.active');
setCarouselCaption( activeEls[1] );
});
这会将中间图像的图像标题放置在全宽容器中旋转木马的下方
我遇到的问题是,当我将active
项分配给activeEls
时,它会在单击之前而不是之后抓取活动项
有没有办法等待猫头鹰转盘更新活动的项目,然后将这些项目分配给活动的ELS
或者-是否有任何方法可以检测是否单击了上一个
或下一个
按钮?现在,我只能检测一个变化,但不能检测哪个变化。a.setTimeout()
这里最短的是1ms
$(文档).ready(函数(){
var owl=$('.owl carousel').owlCarousel({
循环:对,
差额:10,
导航:是的,
项目:3
});
owl.on('changed.owl.carousel',函数(事件){
setTimeout(函数(){
var activeEls=$('.owl item.active').eq(1);//.eq(1)以获取“3个活动中的中间映像”
设置转盘选项(activeEls);
},1);
});
功能设置转盘选项(el){
$(.owl item”).removeClass(“目标”);
el.addClass(“目标”);
}
}); // 就绪
.target{
边框底部:1px纯红;
}
工作正常。非常感谢!