Javascript 更改时的Owl转盘不工作

Javascript 更改时的Owl转盘不工作,javascript,jquery,owl-carousel,owl-carousel-2,Javascript,Jquery,Owl Carousel,Owl Carousel 2,我似乎无法让猫头鹰转盘onchange功能启动。这是一段相关代码,有什么想法吗 HTML: autoplay应该是小写的,并且注意没有slideSpeed和paginationSpeed选项 以下是一个工作版本: var-owl; $(文档).ready(函数(){ 猫头鹰=$(“.owl carousel”).owlCarousel({ 自动播放:对, 自动播放速度:300, 循环:对, 航速:300, 项目:1, 保证金:2 }); owl.on('changed.owl.carousel

我似乎无法让猫头鹰转盘onchange功能启动。这是一段相关代码,有什么想法吗

HTML:


autoplay
应该是小写的,并且注意没有
slideSpeed
paginationSpeed
选项

以下是一个工作版本:

var-owl;
$(文档).ready(函数(){
猫头鹰=$(“.owl carousel”).owlCarousel({
自动播放:对,
自动播放速度:300,
循环:对,
航速:300,
项目:1,
保证金:2
});
owl.on('changed.owl.carousel',函数(e){
控制台日志(“测试”);
});
});
正文{
保证金:0;
填充:0;
}
.猫头鹰转盘.项目{
高度:120px;
背景:#4DC7A0;
填充:1rem;
列表样式:无;
利润率:10px;
文本对齐:居中;
颜色:白色;
字体大小:20px;
线高:120px;
}

幻灯片1
幻灯片2
幻灯片3
幻灯片4
幻灯片5
幻灯片6
幻灯片7
幻灯片8
幻灯片9

控制台中有任何错误吗?Firefox中没有返回错误。如果您能做一把小提琴,那就太好了,这样我们可以更好地检查那里发生了什么。
<div id="my-carousel" class="owl-carousel owl-theme">
    <div class="owl-item"><img alt="" src="pic1"/></div>
    <div class="owl-item"><img alt="" src="pic2" /></div>
</div>
var my = $('#my-carousel');
my.owlCarousel({
    autoPlay: true,
    autoplaySpeed: 4000,
    loop: true,
    slideSpeed: 300,
    paginationSpeed: 400,
    items: 1,
    margin: 2
});
my.on('changed.owl.carousel', function(e) {
    console.log("test");
});