Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 猫头鹰转盘2-获取活动项目_Javascript_Jquery_Owl Carousel - Fatal编程技术网

Javascript 猫头鹰转盘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时,它会在单击之

我有一个由WordPress主题生成的Owl Carousel 2,我已经设置了一些类似的自定义脚本:

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纯红;
}

工作正常。非常感谢!