Umbraco7导航:将类添加到父UL

用户名

使用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>
}
}
Mivaweb

您可以为此使用小型jquery脚本,该脚本在每次页面加载或发生回发时都将执行:

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

这将获取当前li并搜索最接近的ul(父)并添加类active

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery将CSS类添加到父<ul>元素

来自分类Dev

将类添加到父元素

来自分类Dev

使用javascript将css类添加到ul中的所有li父元素

来自分类Dev

当导航位于外部文件中时,如何使用 jQuery 将类添加到导航 ul li a?

来自分类Dev

将类添加到最接近的ul

来自分类Dev

如何将类添加到ul li

来自分类Dev

将类添加到直接后代 ul 元素

来自分类Dev

将类添加到 Wordpress 菜单 ul 元素

来自分类Dev

优化代码以将CSS类添加到父div

来自分类Dev

使用特定输入将类添加到父div

来自分类Dev

根据URL将活动类添加到父元素

来自分类Dev

将Woocommerce父类别添加到WP'body'类

来自分类Dev

将类添加到输入父级

来自分类Dev

将内容添加到父类的Update方法

来自分类Dev

将类添加到表单选择父级

来自分类Dev

将类添加到父 IMG - LazySizes

来自分类Dev

将类添加到 CKEditor 中的特定父元素

来自分类Dev

将类添加到父跨度元素 jquery

来自分类Dev

jquery 将类添加到父 LI

来自分类Dev

将类添加到与标签文本匹配的父 div

来自分类Dev

标签导航(将类添加到打开的项目菜单)

来自分类Dev

如何将“活动”类添加到导航栏?

来自分类Dev

将“活动”类添加到导航链接中

来自分类Dev

将活动类添加到 WordPress 导航

来自分类Dev

将活动类添加到导航项

来自分类Dev

将类添加到子元素但不添加到父元素

来自分类Dev

将iFrame宏添加到Umbraco

来自分类Dev

将类添加到具有(大于)2 li的ul的ul

来自分类Dev

在子页面上将活动类添加到父导航