Owl Carousel不会自动播放

Question

我在我的网站上使用猫头鹰旋转木马

并且它不会自动播放这是该网站的链接 link of the site

这是html代码

<script src="owl-carousel/owl.carousel.js"></script>
<script type="text/javascript">
$(document).ready(function() {

$("#owl-demo").owlCarousel({
	autoplay : 5000,
	navigation : false, // Show next and prev buttons
	slideSpeed : 300,
	paginationSpeed : 400,
	singleItem:true

});
$("#owl-demo2").owlCarousel({
autoplay : 5000,
	navigation : false, // Show next and prev buttons
	slideSpeed : 300,
	paginationSpeed : 400,
	singleItem:true

});
$("#owl-demo3").owlCarousel({
autoplay : 5000,
	navigation : false, // Show next and prev buttons
	slideSpeed : 300,
	paginationSpeed : 400,
	singleItem:true

});

});
</script>

<div id="owl-demo2" class="owl-carousel owl-theme">

					<div class="item">
							<img src="img/k1.jpg" class="img-responsive center-block" alt="" />
							<div class="capt text-center">
								قرية بوذيب
							</div>
					</div>
					<div class="item">
							<img src="img/k1.jpg" class="img-responsive center-block" alt="" />
							<div class="capt text-center">
								قرية بوذيب
							</div>
					</div>
					<div class="item">
							<img src="img/k1.jpg" class="img-responsive center-block" alt="" />
							<div class="capt text-center">
								قرية بوذيب
							</div>
					</div>
				</div>
			</div>

请随意查看链接，看看是否可以找到任何问题。所有帮助表示赞赏！这是自己的Carousel文档的链接 http://owlgraphic.com/owlcarousel/#how-to 谢谢你的帮助

Answer 1

在示例中，您有autoplay : 5000但在您的网站中没有它。

在您的网站中更新此代码以解决问题：

$("#owl-demo").owlCarousel({
    autoplay : 5000,
    navigation : false, // Show next and prev buttons
    slideSpeed : 300,
    paginationSpeed : 400,
    singleItem:true

});
$("#owl-demo2").owlCarousel({
    autoplay : 5000,
    navigation : false, // Show next and prev buttons
    slideSpeed : 300,
    paginationSpeed : 400,
    singleItem:true

});
$("#owl-demo3").owlCarousel({
    autoplay : 5000,
    navigation : false, // Show next and prev buttons
    slideSpeed : 300,
    paginationSpeed : 400,
    singleItem:true

});