Umbraco的子菜单

Question

任何人都可以帮助解决这个问题，我试图创建一个子菜单，以便在我将鼠标悬停在Umbraco的顶部导航时显示。

下面是用于创建顶部导航的代码，我需要添加什么才能显示子菜单？

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage

@{ var selection = CurrentPage.Site().Children.Where("Visible"); }

    <ul class="nav navbar-nav">
        @foreach (var item in selection)
        {
            <li class="@(item.IsAncestorOrSelf(CurrentPage) ? "current" : null)">
                <a href="@item.Url">@item.Name</a>



        </li>
        }
    </ul>

Answer 1

只需在当前页面中添加嵌套的UL，即可列出每个顶级页面的子项，使用与顶级内容相同的代码。然后，您可以使用您喜欢的任何前端下拉菜单代码来使悬停工作。