Bootstrap Carousel无法滑动

这是我目前拥有的代码，我不确定为什么旋转木马不工作。"上一步"/"下一步"按钮不起作用，幻灯片也不会自动滑动。适用于Safari 7.0.6

    <!-- Carousel

============================================-->

      <div id="myCarousel" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner" role="listbox">
          <div class="item active">
            <img src="img/Slide 1.jpg" alt="image">
            <div class="container">
              <div class="carousel-caption">
              <h1>Heading</h1>
              <p>Paragraph</p>
              <p><a class="btn btn-large btn-primary" href="http://pmilessyr.github.io/index.html">Link</a></p>
              </div>
            </div>
          </div>
          <div class="item">
            <img src="img/Slide 2.jpg" alt="image">
            <div class="container">
              <div class="carousel-caption">
              <h1>Heading</h1>
              <p>Paragraph</p>
              </div>
            </div>
          </div>
          <div class="item">
            <img src="img/Slide 3.jpg" alt="image">
            <div class="container">
              <div class="carousel-caption">
              <h1>Heading</h1>
              <p>Paragraph</p>
              </div>
            </div>
          </div>
        </div>
        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
          <span class="glyphicon glyphicon-chevron-left"></span>
        </a>
        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
          <span class="glyphicon glyphicon-chevron-right"></span>
        </a>

    </div>

<script src="js/jquery-2.1.1.js"></script>
<script src="js/bootstrap.js"></script>
<script src="javascripts/scale.fix.js"></script>