1

这是为站点生成菜单的局部视图。

<div class="nav-collapse collapse">
            <!-- .nav, .navbar-search, .navbar-form, etc -->
            <ul class="nav" >
                @foreach (var menu in Model)
                {
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">@menu.DisplayName</a>
                        @foreach (var menuitem in menu.MenuItems)
                        {
                            <ul class="dropdown-menu" >
                                <li class="dropdown">@Html.ActionLink(menuitem.DisplayName, menuitem.ActionName, menuitem.ControllerName, new { tabindex = "-1" })</li>
                            </ul>
                        }
                    </li>
                }
            </ul>
        </div>

菜单是可见的，实际上下拉菜单也是在 HTML 中创建的，如下所示

<div class="navbar-inner">
    <div class="container">

        <div class="nav-collapse collapse">
            <!-- .nav, .navbar-search, .navbar-form, etc -->
            <ul class="nav">
                    <li class="dropdown open">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">Training</a>
                            <ul class="dropdown-menu">
                                <li class="dropdown"><a tabindex="-1" href="/TTS.UI/Menu?Length=18">Attendance Confirmation</a></li>
                            </ul>
                    </li>
                    <li class="dropdown">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">ePARCS</a>
                            <ul class="dropdown-menu">
                                <li class="dropdown"><a tabindex="-1" href="/TTS.UI/Menu?Length=12">Upload</a></li>
                            </ul>
                    </li>
            </ul>
        </div>
    </div>
</div>

输入在 GUI 中显示如下

在此处输入图像描述

这有什么问题。

4

1 回答 1

1
  1. 确保您已在该页面上包含 bootstrap.js 文件。
  2. 你的标记有点偏离。下拉菜单中的<li>不应该有“下拉”类

这是 jsFiddle -> http://jsfiddle.net/abrudtkuhl/GYSuY/

根据您的示例，这是有效的标记

<div class="navbar">
    <div class="navbar-inner">
        <div class="container">
            <div class="nav-collapse collapse">
                <ul class="nav">
                    <li class="dropdown"> <a data-toggle="dropdown" class="dropdown-toggle" href="#">Training</a>

                        <ul class="dropdown-menu">
                            <li><a tabindex="-1" href="/TTS.UI/Menu?Length=18">Attendance Confirmation</a>

                            </li>
                        </ul>
                    </li>
                    <li class="dropdown"> <a data-toggle="dropdown" class="dropdown-toggle" href="#">ePARCS</a>

                        <ul class="dropdown-menu">
                            <li> <a tabindex="-1" href="/TTS.UI/Menu?Length=12">Upload</a>

                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
于 2013-06-25T14:12:12.683 回答