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

我有一个MVC应用程序，带有一个_Layout.cshtml页面，如下所示（仅显示相关部分）：

---

当用户离开主页时，我希望出现您在

div

中看到的样式。但是，当用户到达主页时，我希望删除该样式。有没有一种干净简单的方法可以做到这一点？

在您的

\u布局.cshtml

中，您可以检查

ViewContext.RouteData[“action”]

或

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>

这里有些东西

---

另外，我建议使用类来完成此操作，而不是使用内联样式。

太好了！！效果很好。

<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>