Question

这是我目前的代码，我不知道为什么旋转木马不工作。上一个/下一个按钮不起作用，幻灯片不会自动滑动。用于Safari 7.0.6

    <!-- Carousel

============================================ - ＆GT ;

      <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>

Answer 1

这实际上取决于你投掷的错误。我用我的cdns和图像尝试了你的代码，它工作正常。所以你的旋转木马部分的html看起来很好。

您正在脚本源中调用静态库，因此请确保这些文件存在或使用站点cdn。例如：http://jquery.com/download/

提供有关您正在抛出的错误的更多信息。

Bootstrap Carousel无法滑动

1 个答案: