1
所以我想使用JQuery添加自定義數量的輪播項目。JQuery append和Bootstrap旋轉木馬
以下是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>
不過,我沒有看到在轉盤中的任何其他項目這不起作用。
你說你正在使用script.js,那麼腳本html標記在.js文件中做了什麼? –