问Bootstrap Carousel问题
EN

Stack Overflow用户

提问于 2016-05-02 06:12:51

回答 1查看 492关注 0票数 1

我正在尝试实现Bootstrap 3 carousel，但遇到了一些问题。选择下一步时，不会发生转换。我已经尝试过这里关于这个主题的所有答案，但都没有成功。任何帮助都将不胜感激。下面是我当前的代码：

    <head>
    ...
      <link rel="stylesheet" href="js/jquery-1.12.3.js">
      <link rel="stylesheet" href="js/bootstrap.min.js">
    </head>


<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
              <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                <li data-target="#carousel-example-generic" data-slide-to="3"></li>
              </ol>
              <div class="carousel-inner" role="listbox">
                <div class="item active">
                  <img src="images/slide-1-splash.png" alt="splash" class = "img-responsive">
                </div>
                <div class="item">
                  <img src="images/slide-2-interests.png" alt="interests" class = "img-responsive">
                </div>
                <div class="item">
                  <img src="images/slide-3-people.png" alt="people" class = "img-responsive">
                </div> 
                <div class="item">
                  <img src="images/slide-4-messages.png" alt="messages" class = "img-responsive">
                </div>
              </div>
              <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
              </a>
              <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
              </a>
            </div>

carousel

twitter-bootstrap

回答 1

Stack Overflow用户

发布于 2016-05-02 06:18:12

看起来您忘记在项目中包含bootstrap.js了。由于carousel使用了一些javascript代码，因此您只需实现该文件。

我刚刚将您的代码复制到fiddle中，并且还包含了bootstrap.js文件，它开始工作了。

我还注意到，您在javascript文件中使用了错误的including。除此之外，您还没有包含bootstrap.css文件。尝试使用这个(如果您愿意，可以通过您自己的本地源文件来更改源文件)：

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36972571

复制

相似问题

问Bootstrap Carousel问题
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Bootstrap Carousel问题EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Bootstrap Carousel问题
EN