MVC -当用户到达或离开主页时添加/删除样式

本文关键字：主页 添加 样式 删除 离开 用户 MVC | 更新日期: 2023-09-27 18:19:24

我有一个MVC应用程序，与_Layout。CSHTML页面，如下所示(只显示相关部分):

<body>
    <div id="wrapper">
        <div class="navbar navbar-inverse navbar-fixed-top container" style="background-image: url(/Images/HeaderBar.png); background-size: cover;">
            <div class="container">
                <div class="navbar-header">

当用户离开主页时，我希望您在div中看到的样式出现。但是，当用户到达主页时，我希望删除该样式。有没有一种干净简单的方法来做到这一点?

MVC -当用户到达或离开主页时添加/删除样式

在您的_Layout.cshtml中，您可以检查ViewContext.RouteData["action"]或ViewContext.RouteData["controller"]或ViewContext.Controller.GetType()的值并有条件地做某事。

例如:

<div class="navbar navbar-inverse navbar-fixed-top container" id="sidebar" style="@(ViewContext.Controller.GetType() == typeof (HomeController) ? "background-image: url(/Images/HeaderBar.png); background-size: cover;" : "")">
    <p> some stuff here</p>
</div>

我还建议使用类来代替内联样式。

相关文章：