Question

我无法启动Bootstrap下拉菜单。我已经在网上找了解，但没有一个解决方案可以解决我的问题。我目前正在为我的css和javascripts使用外部资源，只是因为当地人没有工作。有任何想法吗？这是我的整个页面的玉代码。

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。

由于引导程序JavaScript依赖于前者，因此您需要在加载引导程序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")

Bootstrap导航下拉菜单无效

1 个答案: