首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用Jade和Bootstrap的下拉列表给了我$(“.下拉切换”).dropdown不是一个函数

使用Jade和Bootstrap的下拉列表给了我$(“.下拉切换”).dropdown不是一个函数
EN

Stack Overflow用户
提问于 2012-03-08 23:28:07
回答 1查看 16.3K关注 0票数 5

我正试着用我的Jade布局得到一个Bootstrap下拉列表。但是实际上,当我试图在我的Jade文件中执行$(“.下拉-切换”).dropdown时,我得到了这个错误:

代码语言:javascript
运行
复制
$ is undefined 
$(".dropdown-toggle").dropdown is not a function

为什么我会收到这条错误消息?

layout.jade

代码语言:javascript
运行
复制
!!! 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

代码语言:javascript
运行
复制
  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()
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-03-08 23:34:10

您需要在引导之前加载jQuery内核-

代码语言:javascript
运行
复制
script(src='lib/jquery/jquery-1.7.1.min.js')    
script(src='lib/bootstrap/js/bootstrap.min.js')
票数 10
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9626709

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档