OWL 2 轮播自动播放不工作答案

【问题标题】：OWL 2 Carousel Auto Play Not WorkingOWL 2 轮播自动播放不工作
【发布时间】：2014-12-11 19:06:49
【问题描述】：

我有两张幻灯片。我使用的是 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>

谢谢！

【问题讨论】：

标签： owl-carousel

【解决方案1】：

请考虑以下错误：

autoPlay: true,

一定是：

autoplay: true,

而且下载了开发版库的朋友一定要注意，没有像用户em2所说的那样包含自动播放插件。

【讨论】：

【解决方案2】：

这个人也有同样的问题：Owl Carousel Will Not Autoplay

您需要从 owl 站点手动添加 autoplay.js 库

<script src="owl/js/owl.autoplay.js"></script>

【讨论】：

我试过了。没运气。此外，自动播放已经在 owl.carousel.js 文件中。