Twitter Bootstrap Carousel 按钮不起作用



我正在尝试在我的网站中实现引导 3 轮播,但是左右滑动按钮不起作用,滑动点也不起作用。任何人都可以发现我的代码中的问题吗?

<!doctype html> 
<html>
<head>
    <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" scr="js/bootstrap.js"></script>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <title>Test page! </title>
</head>

<body>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <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>
  </ol>
  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="img/deepcleaning1.jpg" alt="deepcleaning">
    </div>
    <div class="item">
      <img src="img/deepcleaning2.jpg" alt="deepcleaning2">
    </div>
  </div>
  <!-- Controls -->
  <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>
</body>
</html>

听起来像是一个类似的问题:引导轮播

不起作用

答案建议检查javascript错误,特别是jquery的链接。 似乎将http或https添加到URL可以解决此问题。

<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>

<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>

事实证明,由于某种原因,jquery 链接不起作用......我所做的只是下载jquery文件并链接到它,而不是使用API。就像一个魅力。

不知道为什么链接对我不起作用...

最新更新