Bootstrap傳送帶不起作用

Question

我正在使用Boostrap傳送帶並將數據間隔設置爲5000（也嘗試過10000毫秒）。試圖添加JavaScript，沒有任何運氣。

這是我的代碼：

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="5000"> 
    <!-- Wrapper for slides --> 
    <div class="carousel-inner" role="listbox"> 
    <div class="item active"> 
     <img src="{% static "pic-1" %}" alt="x"> 
    </div> 
    <div class="item"> 
     <img src="{% static "pic-2.png" %}" alt="x"> 
    </div> 
    </div> 
</div> 

試過在HTML的末尾添加這樣的：

<script> 
    $('.carousel').carousel({ 
     interval: 5000 
    }) 
</script> 

Answer 1

包裹carousel在jQuery的準備功能可按：

$(document).ready(function() { 
    $('.carousel').carousel({ 
     interval: 5000 
    }); 

    });