Twitter Bootstrap Carousel指示器活动状态不起作用

Question

我正在使用Twitter Bootstrap最新版本，我的旋转木马有这个标记：

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

  <!-- Wrapper for slides -->
  <div class="carousel-inner">
    <div class="item active">
        <h1>test</h1>
         <p>lorem ipsum sit dolor amet</p>
    </div>

    <div class="item">
       <h1>test</h1>
         <p>lorem ipsum sit dolor amet</p>
    </div>

  </div>


  <ol class="features">

    <li data-target="#carousel-example-generic" data-slide-to="0" class="active">Modular Compoents</li>

    <li data-target="#carousel-example-generic" data-slide-to="1">Demos</li>

  </ol>

</div>

和这个JS：

$('.carousel').carousel({
  interval: false
})

问题是，当我点击第二个指示符时，“活动”状态类不会移动到第二个指示符，它会保留在第一个指示符上，但轮播正在工作。

这是jsbin

任何想法我做错了什么？