owl-carousel - OWL 2 轮播自动播放不工作

标签 owl-carousel

我有两张幻灯片。我用的是 OWL 1,效果很好。我想要无限循环,所以搬到了 OWL 2。

下面的代码效果很好。幻灯片保持同步,但自动播放永远不会开始。我必须拖动幻灯片或显示导航并单击下一个/上一个。

希望答案对于更有经验的人来说是显而易见的。

$(document).ready(function() {

var carousel_1 = $('#the_carousel'),
carousel_2 = $('#the_carousel_content');

carousel_2.on('change.owl.carousel', function(event) {
carousel_1.trigger('to.owl.carousel', [event.item.index,100,true]);

});

carousel_1.owlCarousel({
items:1,
loop:true,
autoPlay: true,
autoplayTimeout: 100,
slideBy: 1,
autoplaySpeed: 100,
 rewindNav: false
});

carousel_2.owlCarousel({
items:1,
loop:true,
autoPlay: false,
autoplaySpeed: 100,
autoplayTimeout: 100,
nav:false,
slideBy: 1,
rewindNav: false
});

});
</script>

谢谢!

最佳答案

考虑错别字:

autoPlay: true,

必须是:

autoplay: true,

下载了开发版库的用户一定要注意,像em2用户说的那样,没有自动播放插件。

关于owl-carousel - OWL 2 轮播自动播放不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27430514/

相关文章:

javascript - 带 Owl Carousel 的全屏 slider

css - Owl Carousel 元素内容 z-index

javascript - Owl Carousel 与我的 javascript 冲突

javascript - Owl Carousel - 无法在线工作

javascript - PinchZoom.js 与 iOS 设备上的 Owl Carousel 不兼容

javascript - 每个函数只触发一次

javascript - Owl Carousel 不显示

html - 如何在 Owl Carousel 中制作自定义点?

javascript - 如何在 Owl Carousel 元素之间添加空格

javascript - 猫头鹰 slider 在响应式移动模式下显示三个元素而不是一个