Twitter引導程序傳送帶不會自動啓動

Question

我知道這個問題已經問過，但是那裏的解決方案對我來說並不適用。

我的代碼：

<div id="gallerycontainer"> 
<div class="carousel-inner" align="center" style="margin-top:10px;"> 

<div class="item active" style="border:5px solid black;"><!-- class of active since it's the first item --> 
    <img src="bootstrap/img/slider5.jpg" height="400px" alt="" /> 
    <div class="carousel-caption"> 
    <p>Caption text here</p> 
    </div> 
</div> 
<div class="item" style="border:5px solid black;"> 
    <img src="http://placehold.it/1200x480" alt="" /> 
    <div class="carousel-caption"> 
    <p>Caption text here</p> 
    </div> 
</div> 
<div class="item" style="border:5px solid black;"> 
    <img src="bootstrap/img/slider3.jpg" height="400px" width="960px" alt="" /> 
    <div class="carousel-caption"> 
    <p>Caption text here</p> 
    </div> 
</div> 
<div class="item" style="border:5px solid black;"> 
    <img src="bootstrap/img/slider4.jpg" height="400px" width="960px" alt="" /> 
    <div class="carousel-caption"> 
    <p>Our bedrooms are spacious and extremely luxurious.</p> 
    </div> 
</div> 

`

gallerycontainer是自創建專區內其中我轉盤放置。

我叫頭的功能通過使用這樣的：

<script type="text/javascript"> 
$(document).ready(function(){ 
$('.carousel').carousel({interval: 2000}); 
}); 
</script> 

我的問題是，自動幻燈片開始後，才點擊下一步按鈕至少一次。我究竟做錯了什麼？

Answer 1

引導V3旋轉木馬 的ID將開始頁面加載滑動旋轉臺（RL ）......

<script> 
$(function(){ 
$('#myCarousel').carousel({interval: 3000}); 
}); 
</script> 

要更改幻燈片如何和裝載之間長改變區間數;）

在文檔的負責人也將.....

Answer 2

試着給你的旋轉木馬的ID

，並嘗試這個

$('#myCarousel').carousel({    // For Carousel Image Slider 
    interval: 6000, 
    cycle: true, 
}).trigger('slid'); 

myCarousel =旋轉木馬

Answer 3

<script type="text/javascript"> 
$(document).ready(function(){ 
$('.carousel-inner').carousel({interval: 2000}); 
}); 
</script> 

Answer 4

儘量把JavaScript文件的頁面結束前不部分。

編號：http://twitterbootstrap.org/twitter-bootstrap-3-carousel-not-automatically-starting/

感謝

Answer 5

沒有jQuery的需要。
只需將data-ride =「carousel」添加到相應的傳送帶div容器即可。

<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="5000">