javascript - Twitter Bootstrap 轮播不自动启动

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 是一个自行创建的 div，其中放置了我的旋转木马。

我在头部调用了这个函数:

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

我的问题是，只有在我至少单击一次下一步按钮后才会开始自动滑动。我做错了什么？

Answer 1

Bootstrap V3 轮播 将在页面加载时开始滑动轮播(​​R-L)......

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

要更改幻灯片和加载之间的间隔时间，请更改间隔号 ;)

也放在文档的头部.....