javascript - Bootstrap JavaScript 不工作

Question

我的切换 javascript 按钮最初工作 - 但我现在发现我的切换按钮包括导航栏折叠切换和 Accordion 面板。 我包括了我的页眉和页脚。根据我的研究，我看不出它为什么停止工作。 任何帮助将不胜感激。

标题: 网站标题

    <!-- Bootstrap -->
    <link href="style/css/bootstrap.min.css" rel="stylesheet">
    <!--load font awesome-->
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

    <![endif]-->
  </head>

页脚:

 <footer>
<div class="container">
        <p>&copy; Company 2015</p>
      </footer>
    </div> <!-- /container -->
</div>
  </body>

 <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="../../dist/js/bootstrap.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
  </body>
</html>

Answer 1

我猜你只是复制了 Bootstrap 方面的内容，例如:

<script src="../../dist/js/bootstrap.min.js"></script>

如果您的根目录中的某个文件夹中有 js Bootstrap 文件，您可能需要确保它的路径是正确的。例如，如果您的 html 文件与 bootstrap.min.js 位于同一目录中，则它应该是 <script src="bootstrap.min.js"></script> .

您刚才做的快速修复只是将其更改为
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

现在可能会解决问题，但它会使您的本地 Bootstrap 文件变得无用，您可以通过使用 bootstrap cdn fallback 使其变得有用。 . 如果您未能加载远程 Bootstrap 文件，这基本上是加载本地 Bootstrap 文件。 This is how to make a bootstrap cdn callback