JQuery append和Bootstrap旋轉木馬

Question

所以我想使用JQuery添加自定義數量的輪播項目。

以下是script.js中的代碼（這也是文件中唯一的代碼）。

<script> 
$(document).ready(function(){ 
    for(i = 0; i < 5; i++) { 
     $('.carousel-inner').append('<div class="item"> <img src="1.jpg" alt=""> </div>'); 
    } 
});</script> 

這就是我如何調用腳本

<script type="text/javascript" src="script.js"></script> 

這裏是已經包含兩個項目旋轉木馬：

<div class="carousel-inner" role="listbox"> 
     <div class="item active"> 
     <img src="1.jpg" alt=""> 
     <div class="carousel-caption"> 
     <h3>Item 1</h3> 
     <p>This is the first item</p> 
     </div> 
     </div> 

     <div class="item"> 
      <img src="5.jpg" alt=""> 
      <div class="carousel-caption"> 
       <h3>Item 2</h3> 
       <p>This is the second item</p> 
      </div> 
     </div> 
</div> 

不過，我沒有看到在轉盤中的任何其他項目這不起作用。

Answer 1

好，一個愚蠢的錯誤是我做的，如果有人掙扎，這裏的答案：

$('.carousel-indicators').append('<li data-target="#myCarousel" data-slide-to="'+ i + '"></li>'); 

剛剛在的script.js添加此。問題是我實際上創建了這些項目，但沒有顯示它們，因爲我還需要爲項目添加指標。