简体   繁体   English

Bootstrap Carousel无法滑动

[英]Bootstrap Carousel fails to slide

Here's the code I currently have, I'm not sure why the carousel isn't working. 这是我目前拥有的代码,我不确定为什么轮播无法正常工作。 The previous/next buttons don't work and the slides wouldn't automatically slide. 上一个/下一个按钮不起作用,幻灯片也不会自动滑动。 Used on Safari 7.0.6 在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> 

It really depends on the error you are throwing. 这实际上取决于您引发的错误。 I tried out your code with putting in my cdns and images and it works fine. 我通过输入我的CDN和图像来尝试了您的代码,并且效果很好。 So your html for the carousel portion looks fine. 因此,您的轮播部分的html看起来不错。

  1. You are calling static libraries in your script sources so make sure those files are there or use the sites cdn. 您正在脚本源中调用静态库,因此请确保这些文件在那里或使用站点cdn。 ex: http://jquery.com/download/ 例如: http//jquery.com/download/

provide more information about the error you are throwing if you can. 如果可以的话,提供有关抛出的错误的更多信息。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM