猫头鹰旋转木马不会自动播放

Question

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

，并没有自动播放，这是该网站的链接 link of the site

这是HTML代码

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

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

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

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

 
}); 
 

 
}); 
 
</script>

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

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

随时检查链接，看看你是否能找到任何问题。所有帮助表示赞赏！这里是链接到自己的旋转木马文件 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 

});