我的导航菜单有问题。 我正在使用Bootstrap 3，JQuery 2.3.1，Jade，ExpressJS和Node.js
您好，我是翡翠模板Node.js全新的。 我正在尝试使用Express 4，JQuery，Bootstrap 3和Jade创build一个基本的入门级应用程序。
我正在尝试将navbar添加到我的layout.jade文件中。 它似乎添加了导航栏，但它不能正常工作。 当它崩溃时，我不能点击button切换链接列表。 此外，下拉链接也不起作用。 我在Google Chrome中检查时没有收到控制台错误。
下面我已经包含了我的layout.jade和我的index.jade文件。
layout.jade：
doctype html html head title= title script(src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js') link(rel='stylesheet', href='/stylesheets/style.css') link(rel='stylesheet',href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css') script(src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js') body nav.navbar.navbar-default.navbar-fixed-top div.container div.navbar-header button(type='button', class='navbar-toggle collapsed', data-target='#bs-example-navbar-collapse-1') span.sr-only Toggle Navigation span.icon-bar span.icon-bar span.icon-bar a.navbar-brand(href='#') Brand div.collapse.navbar-collapse(id='bs-example-navbar-collapse-1') ul.nav.navbar-nav li a(href='#') Link block content index.jade：
extends layout block content h1 #{8oo8s} p Welcome to #{title}
这是一个链接到我的git-hub包含完整的代码库。
这里是一个链接到应用程序在Heroku上运行的地方。
谢谢你的时间提前，请让我知道，如果有更多的信息，我应该包括这将是更有帮助的，
真诚的弗雷德K
编辑：我改变了href的第5和第8行的layout.jade由用户oddarriba下面通知我还缩进来源文件引用，以包括他们在layout.jade第5-8行的头部。
回答：
所以从我最初开始的地方出现了两个问题。 第一个问题是在我的JQuery和Boostrap.js的源代码中，我试图用href来引用它们。 用户Odarribabuild议我将href更改为src。 这是正确的，解决了第一个问题。 第二个问题在于我的导航栏的sytax中的某处。 我用我从这里获得的样板代码replace了它，并解决了第二个问题。 谢谢大家的时间。
我想你有一个包含外部JS库的问题。
要正确加载jQuery和Bootstrap CSS，请使用脚本标记的src属性而不是链接中使用的href。
就像是：
doctype html html head title= title script(src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js') link(rel='stylesheet', href='/stylesheets/style.css') link(rel='stylesheet',href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css') script(src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js') body nav.navbar.navbar-default.navbar-fixed-top div.container div.navbar-header button(type='button', class='navbar-toggle collapsed', data-target='#bs-example-navbar-collapse-1') span.sr-only Toggle Navigation span.icon-bar span.icon-bar span.icon-bar a.navbar-brand(href='#') Brand div.collapse.navbar-collapse(id='bs-example-navbar-collapse-1') ul.nav.navbar-nav li a(href='#') Link block content
希望这可以帮助！