自上而下的菜单不显示

Question

我正在为此实现使用引导程序。 因此，我遵循了从引导文档创建自上而下菜单的指南。 该自上而下的菜单应包含一个房间列表。 菜单称为“房间”。 我的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>')
   });
});
...

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

PS：如果我的问题不清楚，请您告诉我，以便我详细说明？

Answer 1

确保已填充http请求并调用了回调。 然后，将您的jquery部分替换为以下内容：

rooms.forEach(function(room){
    $('.dropdown-menu').append('<li role="presentation">' +room+' trolol</li>')
});

您现在要做的是将#rooms元素替换为forEach的第一个迭代，然后它不再存在，并且jquery找不到它。

http://jsfiddle.net/t6N9R/3/

（我使用在线转换器之一将翡翠转换为HTML）