我正试着用我的Jade布局得到一个Bootstrap下拉列表。但是实际上,当我试图在我的Jade文件中执行$(“.下拉-切换”).dropdown时,我得到了这个错误:
$ 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()
发布于 2012-03-08 15:34:10
您需要在引导之前加载jQuery内核-
script(src='lib/jquery/jquery-1.7.1.min.js')
script(src='lib/bootstrap/js/bootstrap.min.js')
https://stackoverflow.com/questions/9626709
复制相似问题