Bootstrap轮播将无法正常工作

Question

我正在使用Boostrap Carousel并将数据间隔设置为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 ready函数中：

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

  });