如何进行活动菜单文本颜色更改导航下拉项子菜单? [复制]

Posted

技术标签:

【中文标题】如何进行活动菜单文本颜色更改导航下拉项子菜单? [复制]【英文标题】:How can I do active menu text color change nav dropdown item submenu? [duplicate] 【发布时间】:2018-11-30 03:40:29 【问题描述】:

我希望在页面加载后重定向时更改活动菜单的颜色。重定向到页面后更改颜色的页面名称使用我的布局导航下拉项类,因此需要此功能效果下拉子菜单。

我必须动态执行此操作,此处需要导航栏下拉项效果我该怎么做?

 <div class="header-navbar"role="navigation" data-menu="menu-wrapper">
    <!-- Horizontal menu content-->
    <div class="navbar-container" data-menu="menu-container">
      <!-- include ~/includes/mixins-->
      <ul class="nav navbar-nav" id="main-menu-navigation" data-menu="menu-navigation">
      <li class="dropdown nav-item" data-menu="dropdown">
      <a class="dropdown-toggle nav-link" href="#" data-toggle="dropdown"><i class="ft-book"></i><span>Dergi</span></a>
      <ul class="dropdown-menu">
           <li data-menu="">
              <a class="dropdown-item" href="@Url.Action("Create", "News")"
                 data-toggle="dropdown"> Create News
               <submenu class="name"></submenu>
              </a>
           </li>
       </ul>
       </li>
  </div>

【问题讨论】:

Stephen 下拉项不会影响您的建议。所以我可以在消息解决方案下实施,现在很好地解决了它。和问题更改标题等导航栏下拉项需要效果 【参考方案1】:

您可以使用项目的根命名空间制作 html 扩展方法:

using System.Web.Mvc;

namespace YourProjectNamespace

    public static class HtmlHelpers
    
        public static string IsActive(this HtmlHelper html, string url)
        
            var current = html.ViewContext.HttpContext.Request.Url.AbsolutePath.ToString().ToLower();
            if (url == "/")
            
                if (current == "/" || current == "/home" || current == "/home/index" || current == "/home/" || current == "/home/index/")
                
                    return "active";
                
                else
                    return "";
            
            if (current.Contains(url.ToLower()))
            
                return "active";
            
            return "";
        
    

然后在您的 html 中使用它,如下所示:

<li data-menu="">
              <a class="dropdown-item" href="@Url.Action("Create", "News")"
                 data-toggle="dropdown" class="@Html.IsActive("/News/Create")" > Create News
              </a>
           </li>

这会将active 类添加到当前菜单项。

【讨论】:

以上是关于如何进行活动菜单文本颜色更改导航下拉项子菜单? [复制]的主要内容,如果未能解决你的问题,请参考以下文章

下拉打开时如何使链接处于活动状态?

Magento:如何在主导航菜单的下拉菜单中添加活动产品

导航菜单图标颜色和文本在android中没有改变

如何更改材质ui选择菜单下拉颜色?

Bootstrap:更改背景颜色下拉菜单

如何更改操作栏中下拉菜单的背景颜色