javascript - Bootstrap 导航下拉菜单不起作用

Question

我在使用 Bootstrap 下拉菜单时遇到问题。我在网上看过，似乎没有任何解决方案可以解决我的问题。我目前正在为我的 css 和 javascript 使用外部资源，以防本地资源无法正常工作。有任何想法吗？这是该页面的全部 jade 代码。

doctype html
html
  head(lang="en")
    meta(charset="UTF-8")
    title Login | EPS KPI Warehouse
    // CSS
    //link(href="/bootstrap/css/bootstrap.min.css", rel="stylesheet")
    script(src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js")
    script(src="http://code.jquery.com/jquery-2.1.0.min.js")
    link(href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css", rel="stylesheet")

  body
    // Navbar
    nav.navbar.navbar-default.navbar-static-top(role="navigation")
      .container-fluid
        .navbar-header
          button.navbar-toggle.collapsed(type="button", data-toggle="collapse", data-target="#navbar", aria-expanded='false', aria-controls='navbar')
            span.sr-only Toggle Navigation
            span.icon-bar
            span.icon-bar
            span.icon-bar
          a.navbar-brand(href="/", style="padding-top: 7px")
            img(src="/images/EPS_Logo.png", ,="", height="35")
          a.navbar-brand KPI Warehouse
        #navbar.navbar-collapse.collapse
          ul.nav.navbar-nav
            li.active
              a(href="/home") Home
            li.dropdown
              a.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-expanded='false')
                | Dropdown
                span.caret
              ul.dropdown-menu(role='menu')
                li
                  a(href='#') Action
                li
                  a(href='#') Another action
                li
                  a(href='#') Something else here
                li.divider
                li.dropdown-header Nav header
                li
                  a(href='#') Separated link
                li
                  a(href='#') One more separated link
          ul.nav.navbar-nav.navbar-right
            li.dropdown
              a.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-expanded='false')
                | Dropdown
                span.caret
              ul.dropdown-menu(role='menu')
                li
                  a(href='#') Action
                li
                  a(href='#') Another action
                li
                  a(href='#') Something else here
                li.divider
                li.dropdown-header Nav header
                li
                  a(href='#') Separated link
                li
                  a(href='#') One more separated link

Answer 1

回答由 adeneo 提供在评论中。

由于后者对前者的依赖，您需要在加载 Bootstrap JavaScript 之前加载 jquery JavaScript:

script(src="http://code.jquery.com/jquery-2.1.0.min.js")
script(src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js")
link(href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css", rel="stylesheet")