Html 转盘不工作也不响应_Html

Html 转盘不工作也不响应

html

Html 转盘不工作也不响应,html,Html,我做了一个旋转木马，它不会自动工作，也不会响应手动控制。侧面的箭头不会响应我从W3学校制作了旋转木马，我确信它会工作，但它没有你可以在上面找到我的代码我的代码： <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-wid

我做了一个旋转木马，它不会自动工作，也不会响应手动控制。侧面的箭头不会响应

我从W3学校制作了旋转木马，我确信它会工作，但它没有

你可以在上面找到我的代码我的代码：

    <head>
        <title>Bootstrap Example</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    </head>

    <body>

        <div class="container">
      <h2>Carousel Example</h2>  


            <div id="myCarousel" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <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>

            <!-- Wrapper for slides -->
            <div class="carousel-inner">
              <div class="item active">
                <img src="https://www.derekprincearmenia.com/wp-content/uploads/2014/09/56699-nature-beauty-600x400.jpg" alt="Los Angeles" style="width:100%;">
              </div>

              <div class="item">
                <img src="http://globalmedicalco.com/photos/globalmedicalco/18/85311.png" alt="Chicago" style="width:100%;">
              </div>   

              <div class="item">
                <img src="http://stipsy.com/wp-content/uploads/2013/08/Hamilton-Pool-Nature-Preserve-9-600x400.jpg" alt="New york" style="width:100%;">
              </div>
            </div>

            <!-- Left and right controls -->
            <a class="left carousel-control" href="#myCarousel" data-slide="prev">
              <span class="glyphicon glyphicon-chevron-left"></span>
              <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#myCarousel" data-slide="next">
              <span class="glyphicon glyphicon-chevron-right"></span>
              <span class="sr-only">Next</span>
            </a>
          </div>
        </div>

    </body>


引导示例
旋转木马示例

在您的

之间添加此项：

这些是您需要的主要脚本，用于引导和jquery的脚本这对我很有用。希望能有帮助。您需要添加到

标记中的是以下脚本：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>


引导示例
旋转木马示例

如果能看到这方面的代码，那就太好了。仍然缺少标题、脚本之类的东西吗？我有这样一个标题：引导示例我建议不惜一切代价避免使用W3，使用MDN或Boostrap的文档。。W3学校有一些不好的做法，应该避免。@这个人有两个大拇指，我被推荐到那一边，好像它应该对Coding的新人有帮助。我看不到任何东西。你应该添加一个解释，以便OP理解这个问题

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>