引导 JavaScript 不起作用答案

【问题标题】：Bootstrap JavaScript not working引导 JavaScript 不起作用
【发布时间】：2017-05-28 02:25:20
【问题描述】：

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

标题：网站标题

    <!-- 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>

【问题讨论】：

您已收录bootstrap.min.js 2 次。删除第一个，因为它应该在 jquery 之后加载。
总是先包含 jquery 链接标签，然后添加引导链接..
我已经删除了第一个。但是我仍然无法使用 javascript

标签： javascript twitter-bootstrap

【解决方案1】：

我猜你只是复制了引导程序方面的内容，例如：

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

如果您在根目录的某个文件夹中有 js 引导文件，您可能需要确保它的路径是正确的。例如，如果您的 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 cdn fallback 使其有用。如果您无法加载远程引导文件，这基本上是加载您的本地引导文件。 This is how to make a bootstrap cdn callback

【讨论】：

【解决方案2】：

如果您使用的是bootstap 3.x，那么您至少需要jquery 1.9.1版本库。首先下载jquery库和bootstrap js并包含在您的应用程序中，然后在您的应用程序页面中注册。首先注册jquery库然后引导 js，如下所述。

   <scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

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

【讨论】：

【解决方案3】：

我将页脚示例中显示的 javascript 标记更改为：

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

到

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

这已经解决了问题。

【讨论】：

我希望您知道这样一个事实，即这会使您的本地文件变得多余。这可能只是一个路径问题。
@nozzleman 我完全同意你的看法。我认为他应该使用他的本地文件来做一个cdn回调。在下面检查我的答案。
这并没有解决它在本地无法运行的问题

【解决方案4】：

如果您检查页面的控制台，它应该会显示一条通知，即 javascript 看不到 jquery。因此，您可以通过从 jquery 站点下载 jquery 源代码来解决此问题，然后您可以在页脚末尾添加以下代码行： <script>window.jQuery || document.write('<script src="assets/js/jquery.min.js"><\/script>')</script>

【讨论】：