如何在Jade中制作自上而下的菜单

Question

我正在使用Bootstrap进行此实施。因此，我按照指南创建了Bootstrap docs的下拉菜单。此下拉菜单应包含房间列表。菜单名为＆＃39; Rooms＆＃39;。我的Jade和Javascript文件位于下方（只是下拉菜单的实现）。

editor.jade

extends layout

block header
script(src='/javascripts/editor.js')

block content
h1(id="title") Editor

h2 Editor: #{editorName}
.dropdown
 button#dropdownMenu1.btn.dropdown-toggle.sr-only(type='button', data-toggle='dropdown')
  | Rooms
  span.caret
 ul.dropdown-menu(role='menu', aria-labelledby='dropdownMenu1')
  #rooms
...

editor.js内（JavaScript的）

...
$.getJSON("/getContents", {theRoom: "roomList"},  function(room) {

   room.activeRooms.forEach(function(theExit){

       $('#rooms').replaceWith('<li  id="rooms" role="presentation">' + theExit+'</li>')
   });
});
...

不幸的是，屏幕上没有显示自上而下的菜单。你能看看我的代码并告诉我我做错了什么吗？

P.S。如果我的问题不明确，请您告诉我，以便我详细说明？