在jade和bootstrap中创建下拉列表

时间:2013-12-02 17:49:02

标签: javascript twitter-bootstrap pug

所以我想做的是循环播放我在传递editRoom页面时传入的数组并在下拉菜单中显示房间。

我希望能够从菜单中突出显示一个房间,然后使用req.body访问突出显示的字段。从这里我知道如何加载新页面等...

我不知道如何制作一个下拉菜单,我从这里的另一个问题得到了这个代码,但似乎无法使它工作。我甚至不知道这是否会给我我想要的东西。

editRoom.jade:

extends layout

block header
  script(src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js')
  script(src='js/bootstrap.min.js') 
  script(src='https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js')

block content
  form(method="post", action="/edit")
    div(class="dropdown")
      button(class="btn dropdown-toggle sr-only", type="button" id="dropdownMenu1", data-toggle="dropdown")
        Dropdown
        span(class="caret")
      ul(class="dropdown-menu", role="menu", aria-labelledby="dropdownMenu1")
        li(role="presentation") a(role="menuitem", tabindex="-1", href="#") Action
        li(role="presentation") a(role="menuitem", tabindex="-1", href="#") Another action
        li(role="presentation", class="divider")
        li(role="presentation") a(role="menuitem", tabindex="-1", href="#") Separated link
      script.
        $('.dropdown-toggle').dropdown()
  button(type="submit") Submit

我获得了一个指向下拉菜单的链接,但它没有引导任何地方。

谢谢!

0 个答案:

没有答案