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

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

5 голосов
/ 09 марта 2012

Я пытаюсь получить раскрывающийся список Bootstrap, работающий с моим макетом Jade. Но на самом деле я получаю эту ошибку, когда пытаюсь выполнить $ (". Dropdown-toggle"). Dropdown в моем Jade-файле: 

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

1 Ответ

11 голосов
/ 09 марта 2012

Вам нужно загрузить ядро ​​jQuery перед загрузкой - 

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