對Jade和Bootstrap使用下拉菜單會給我$（「。dropdown-toggle」）。下拉菜單不是一個函數

Question

我正在嘗試使用Jade佈局來獲取Bootstrap下拉菜單。但實際上我得到當我試圖執行$（「下拉菜單，切換」。）這個錯誤在我的翡翠文件下拉列表：

$ is undefined 
$(".dropdown-toggle").dropdown is not a function 

爲什麼我會收到此錯誤消息？

layout.jade

!!! 5 
html 
    head 
    title= title 
    link(rel='stylesheet', href='/lib/bootstrap/css/bootstrap.min.css') 

     script(src='lib/bootstrap/js/bootstrap.min.js') 
     script(src='lib/jquery/jquery-1.7.1.min.js') 

     meta(name='viewport', content='width=device-width', initial-scale='1.0') 

    body!= body 

index.jade

div.navbar.navbar-fixed-top 
    div.navbar-inner 
    div.container 
     a(data-toggle='collapse',data-target='.nav-collapse').btn.btn-navbar 
     a(href='#').brand #{title} 
     div.nav-collapse 
     ul.nav 
      li.active 
      a(href='#') Home 
      li 
      a(href='#') Blog 
      li 
      a(href='#') Contact 
      li(id='menu1').dropdown 
      a(data-toggle='dropdown', href='#menu1').dropdown-toogle Dropdown 
       b.caret 
      ul.dropdown-menu 
       li 
       a(href='#') Test 
       li 
       a(href='#') Test2 

script 
    $('.dropdown-toggle').dropdown() 

Answer 1

你需要引導之前加載了jQuery核心 -

script(src='lib/jquery/jquery-1.7.1.min.js')  
script(src='lib/bootstrap/js/bootstrap.min.js')