引导javascript事件未绑定

所有引导javascript事件（在本例中为折叠/展开事件）都不会绑定到my元素。我对bootstrap还不熟悉，所以可能在某个地方有问题

当粘贴到bootply时，效果很好

这里还提供了破损版本的限量版实时示例

head.html：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel='stylesheet' type='text/css'>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
<link href="/static/css/main.css" rel="stylesheet">

body.html：

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" data-toggle="collapse" data-target="#navbar" class="navbar-toggle collapsed"><span class="sr-only">Toggle Navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
      </button><a href="#" class="navbar-brand">Lynn Cyrin</a>
    </div>
    <div id="navbar" class="collapse navbar-collapse">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="/">Home</a></li>
        <li><a href="/about">About Me</a></li>
        <li><a href="/contact">Contact</a></li>
        <li class="dropdown"><a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="dropdown-toggle">Dropdown<span class="caret"></span></a>
          <ul role="menu" class="dropdown-menu">
            <li><a href="/tagged/life">Life</a></li>
            <li><a href="/tagged/advocacy">Advocacy</a></li>
            <li><a href="/tagged/tech">Tech</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</nav>

切换导航

footer.html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js'></script>

---

编辑：

控制台上没有显示任何错误消息。我刚刚注意到，页面顶部有一行代码抛出一个错误，即jQuery不存在，我无法触发该行（通过删除jQuery）

---

我感觉所有的js都坏了，所以我在bootstrap.js调用的正下方做了

console.log（'pizza'）

，效果很好。就好像我的页面从未应用过bootstrap.js？？？？？

的内容一样，在bootstrap下面添加Jquery链接。因为在您的情况下，浏览器首先加载jQuery，然后尝试加载引导，这会产生冲突，您应该在两个

标记上都有

src

。在引导程序上有

href

---

此外，您可能应该放弃https，只使用

/

，这样它就可以与您请求站点使用的任何协议一起工作。

您的意思是在bootply中一切都按照预期工作吗？如果是这样，您是否在网站中添加了所有必需的参考资料。请检查浏览器的错误控制台。参考在footer.html和head.html下面的问题中？浏览器控制台是空的。bootply.com中的示例在jquery 1.9.1和bootstrap 3.0.0上运行。我不是说你正在使用的版本不起作用。我是说你在比较不同的版本。@SherinMathew只是用

试过了，但还是没有结果。。。我尝试使用相同的参考文献2.1.4jQuery和3.3.4bootstrap在JSFIDLE中创建页面。它起作用了。因此，它是特定于您的页面的内容。你能在问题中粘贴整个html源代码吗？页面中呈现的全部内容？我刚刚发现的另一件事是，bootstrap.js中有一部分说，

如果（！jQuery）抛出新错误（“bootstrap需要jQuery”）