Umbraco7 Navigation: Klasse zum Eltern hinzufügen UL

Question

Mit Umbraco7 habe ich eine PartialView auf der Grundlage von Umbracos Sitemap erstellt. Ich habe es geschafft, dem aktuellen <li> eine "aktuelle" Klasse hinzuzufügen, aber ich möchte auch die Eltern UL ansprechen.

Ein kurzer Überblick:

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

Teilansicht:

@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

Sie können ein kleines jquery Skript für diese Anwendung, dass jedes Mal die Seite geladen ausgeführt wird, oder wenn ein Postback occures:

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

Dies wird die aktuelle li erhalten d Suche nach dem nächsten ul (Eltern) und füge die Klasse active hinzu.