À l'aide des listes déroulantes avec Jade et Bootstrap me donne $(“.dropdown-toggle”).liste déroulante n'est pas une fonction

Je vais essayer d'obtenir un Bootstrap déroulante travailler avec mes Jade mise en page. Mais en fait, je reçois ce message d'erreur quand j'essaie d'exécuter $(".dropdown-toggle").déroulant dans ma Jade-Fichier:

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

Pourquoi j'obtiens ce message d'erreur?

mise en page.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()
InformationsquelleAutor fraherm | 2012-03-08