Javascript Boostrap JS-导航列表树无法正常工作。

Javascript Boostrap JS-导航列表树无法正常工作。,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,在这件事上难倒了。基本上,我要创建一个nav列表,它将根据我在脚本前面填充的变量动态填充。现在它显示的是父项,而不是子项。我知道孩子们在那里,因为控制台输出的名字很好 html正文如下所示: <div class="well" style="width:100%; padding: 8px 0;" id="header"> </div> 非常基本,只是放东西的地方 JS看起来像这样 $('#header').append('<ul class="na

在这件事上难倒了。基本上,我要创建一个nav列表,它将根据我在脚本前面填充的变量动态填充。现在它显示的是父项,而不是子项。我知道孩子们在那里,因为控制台输出的名字很好

html正文如下所示:

<div class="well" style="width:100%; padding: 8px 0;" id="header">

</div>

非常基本,只是放东西的地方

JS看起来像这样

    $('#header').append('<ul class="nav nav-list">');
    for (var i in groupedtemplates) {
        $('#header').append('<label class="tree-toggler nav-header">' + i + '</label>');
        $('#header').append('<ul class="nav nav-list tree">');
        for (var j in groupedtemplates[i]) {
            console.log(groupedtemplates[i][j].attributes.im_name.value);
            $('header').append('<li><a href="#">' + groupedtemplates[i][j].attributes.im_name.value + '</a></li>');
        }
        $('#header').append('</ul>');
    }
    $('#header').append('</ul>');
$(“#头”).append(“
    ”); 对于(groupedtemplates中的var i){ $('#标题')。追加('+i+''); $(“#标题”).append(“
      ”); 对于(groupedtemplates[i]中的var j){ log(groupedtemplates[i][j].attributes.im_name.value); $('header')。追加('li>'); } $(“#标题”).append(“
    ”); } $(“#标题”).append(“
”);

我肯定错过了一些很明显的东西。衷心感谢您的帮助。

$('header')。追加('li>')
可能应该以
$(“#header”)
开头。

@anpsmn在添加
  • 标记之前,他不会添加
      的结束标记。这应该不会影响任何事情。@jwang哦,是的,我错过了。总部是的。成功了。我真不敢相信我错过了。非常感谢。