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

Boostrap JS - Nav-list tree not working correctly.

本文关键字：常工作 工作 JS 导航 列表 Boostrap      更新时间：2023-09-26
难

倒在这个。我基本上是要创建一个导航列表，该列表将根据我之前在脚本中填充的变量动态填充。现在它显示父项，但不显示子项。我知道孩子们在那里，因为控制台输出的名字很好。

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>');

我必须在这里错过一些非常明显的东西。任何帮助都真诚地感谢。

$('header').append('<li><a href="#">' + groupedtemplates[i][j].attributes.im_name.value + '</a></li>');可能应该以$('#header')开头。

相关文章：