我正在尝试使用我的Jade布局获取Bootstrap下拉列表.但实际上,当我尝试执行$(“.dropdown-toggle”)时,我遇到了这个错误.我的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()
解决方法
你需要在bootstrap之前加载jQuery核心 –
script(src='lib/jquery/jquery-1.7.1.min.js') script(src='lib/bootstrap/js/bootstrap.min.js')
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。