Javascript 更改时的Owl转盘不工作
我似乎无法让猫头鹰转盘onchange功能启动。这是一段相关代码,有什么想法吗 HTML: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
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");
});