Umbraco7导航:向父UL添加类

Question

使用Umbraco7，我制作了一个基于Umbraco7的PartialView。我已经设法在当前的<li>中添加了一个“当前”类，但是我也希望针对父UL。

简要概述：

<ul>
   <li>
     <ul> <-This guy needs a Current/Parent Class
       <li class="current">
          Here you are
       </li>
     </ul>
</li>

部分视图：

    @inherits Umbraco.Web.Macros.PartialViewMacroPage

@{ var selection = CurrentPage.Site(); }

    @Traverse(selection)


@helper Traverse(dynamic node)
{
var maxLevelForSitemap = 3;

var selection = node.Children.Where("Visible").Where("Level <= " + maxLevelForSitemap);

if (selection.Any())
{
    <ul>
        @foreach (var item in selection)
        {
           string cssClass = @item.Id != CurrentPage.Id ? "" : "current";

            <li class="@cssClass">
                <a href="@item.Url">@item.Name</a>

                @Traverse(item)
            </li>
        }
    </ul>
}
}

Answer 1

为此，您可以使用一个小的jquery脚本，每次页面加载或回发时都会执行该脚本：

$(document).ready(function() {
    $('li.current').closest('ul').addClass('active');
});

这将得到当前的li并搜索最近的ul (父级)，并添加类active。