Использование Dropdown с Jade и Bootstrap дает мне $ (". Dropdown-toggle"). Dropdown не является функцией

Question

Я пытаюсь получить раскрывающийся список Bootstrap, работающий с макетом Jade. Но на самом деле я получаю эту ошибку, когда я пытаюсь выполнить $ («выпадающий-переключаемые.») Выпадающий в моем Джейд-File:.

$ 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')