引导轮播无法正常工作

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准备好的功能中：

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

  });