貓頭鷹旋轉木馬不會自動播放

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 

});