jquery - Bootstrap 中的 3 级下拉菜单

Question

我的菜单数据是这样的

Faculties
     Engineering
          Computer
          Electronic
     Medical  
          Some
     Economy
          Some1
          Some2

我想在 Bootstrap 导航栏中显示它。第二级下拉菜单没有出现。

 <li class="dropdown">
    <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Faculties<b class="caret"></b></a>
            <ul class="dropdown-menu" data-bind="foreach: data.Fakulties">
                <li class="dropdown">
                    <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown" data-bind="text: name"><b class="caret"></b></a>
                    <li class="dropdown">
                        <ul class="dropdown-menu" data-bind="foreach: Departments">
                            <li role="presentation"><a role="menuitem" href="#" data-bind="text: name"></a></li>
                        </ul>
                    </li>
                </li>
            </ul>
        </li>

Answer 1

这是您的问题的链接， 请检查这个... http://bootsnipp.com/snippets/featured/multi-level-dropdown-menu-bs3