Question

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

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

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

Answer 1

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

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

1 个答案: