css - 所选页面将 css 类附加到所选链接

标签 css asp.net-mvc

在我的 asp.net mvc4 应用程序中,我有一些菜单作为局部 View 存储在共享文件夹中 喜欢

<li class="menu-title">
        <a class="title" href="#">Main menu</a>
    </li>
    <li class="submenu_items" style="display: list-item;">
        <ul>
            <li>
                @Html.ActionLink("Index", "Index", "My Index")
            </li>
            <li>
                @Html.ActionLink("About", "Index", "About")
            </li>    
        </ul>
    </li>

我怎样才能从 Controller 发送一些标志到我将 css 类附加到选定链接的 View ,例如,如果访问者在加载此页面时单击第一个链接(索引),我希望此菜单部分为

<li class="submenu_items" style="display: list-item;">
            <ul>
                <li>
                    @Html.ActionLink("Index", "Index", "My Index", new {@class="selected "})
                </li>
                <li>
                    @Html.ActionLink("About", "Index", "About")
                </li>    
            </ul>
        </li>

最佳答案

要突出显示选定的菜单,我们可以使用自定义 Html 帮助器,Scott 写了一篇关于此的精彩文章,请查看此链接

http://odetocode.com/Blogs/scott/archive/2012/08/25/asp-net-mvc-highlight-current-link.aspx

关于css - 所选页面将 css 类附加到所选链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21986394/

相关文章:

c# - 如何链接和应用外部 css 文件

asp.net-mvc - jQuery 更新的 ASP.NET MVC 最佳实践

c# - 错误与 if else 和 View 中的标记

php - 表格中断 html php,php 的发票报告

css - 重新设计下拉菜单的子菜单

asp.net-mvc - 在 typescript 和 knockout 中使用 viewmodel 时出现 "this"问题

javascript - 返回正确的 json

c# - 对可为空值的多个可能组合执行 Linq 操作

html - Angular 6,7 如何将默认主题颜色应用于 mat-sidenav 背景?

html - 如何制作一个位于固定 div 下的 div,当固定 div 的高度发生变化时重新定位自己?