使用Umbraco7,我已经基于Umbracos Sitemap创建了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>
}
}
您可以为此使用小型jquery脚本,该脚本在每次页面加载或发生回发时都将执行:
$(document).ready(function() {
$('li.current').closest('ul').addClass('active');
});
这将获取当前li并搜索最接近的ul(父)并添加类active
。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句