Jquery 如何在整页刷新后保存css信息

Jquery 如何在整页刷新后保存css信息,jquery,html,css,asp.net-mvc,twitter-bootstrap,Jquery,Html,Css,Asp.net Mvc,Twitter Bootstrap,选择导航栏菜单项时,我试图在每个导航栏菜单项下保持白色下划线,但当我单击导航栏中的每个菜单项时,我会进行整页刷新,因为我将用户引导到新的控制器/操作/视图。如何持久化css,以便即使在重定向到具有新视图的新控制器后,仍能在单击的菜单项下加下划线?注意-视图将重新启用包含在局部视图中的导航栏菜单 $(文档).ready(函数(){ $(“.nav.a”)。单击(函数(){ $(“.nav.a”).removeClass(“主动”); $(此).addClass(“活动”); //$(this.c

选择导航栏菜单项时,我试图在每个导航栏菜单项下保持白色下划线,但当我单击导航栏中的每个菜单项时,我会进行整页刷新,因为我将用户引导到新的控制器/操作/视图。如何持久化css,以便即使在重定向到具有新视图的新控制器后,仍能在单击的菜单项下加下划线?注意-视图将重新启用包含在局部视图中的导航栏菜单

$(文档).ready(函数(){
$(“.nav.a”)。单击(函数(){
$(“.nav.a”).removeClass(“主动”);
$(此).addClass(“活动”);
//$(this.css(“颜色”、“黑色”);
});
});
.menupartial{
背景色:#16749F;
/*不透明度:.9*/
/*宽度:100%*/
边缘底部:20px;
}
梅努帕蒂亚尔先生{
颜色:浅灰色;
字体大小:粗体;
}
.nav药丸>li>a{
边界半径:0;
}
.导航药丸>李>a:悬停{
边界半径:0;
背景色:#16749F;
颜色:白色;
}
.nav药丸>li>a:有效,
.导航药丸>li>a.有效{
边框底部:5px纯白;
}
/*div.container.body-content{
背景颜色:黄色;
}*/

  • @ActionLink(“用户”、“用户档案”、“帐户”)
  • @ActionLink(“配置文件”、“索引”、“配置文件”)
  • @ActionLink(“酸奶面”、“索引”、“酸奶面”)
  • @Html.ActionLink(“User”、“UserProfile”、“Account”)
  • @Html.ActionLink(“Profiles”、“Index”、“Profile”)
  • @Html.ActionLink(“YogaSpaces”、“Index”、“YogaSpace”)

在这里使用引导类。

为什么不在服务器端执行此操作,在服务器端将类
“active”
分配给当前页面。。。如果这不是一个选项,你可以尝试老把戏,在
body
标记中添加一个唯一的
id
,然后在CSS中添加规则,根据body的id激活某个菜单项……你能给我举些例子吗?动态服务器端高亮显示见此-至于另一种方法,它类似于
body#home li.home{border bottom:5px solid white;}
等等……所以我在这里使用动作名称并决定哪个菜单将具有活动类。如果您需要修改您的css,请这样做。我没有看你的css,因为这里已经很晚了,我觉得很困:)
<ul class="nav nav-pills">
    <li class="@(ViewContext.RouteData.Values["Action"].ToString() == "User" ? "active" : "")">@Html.ActionLink("User", "UserProfile", "Account")</li>
    <li class="@(ViewContext.RouteData.Values["Action"].ToString() == "Profiles" ? "active" : "")">@Html.ActionLink("Profiles", "Index", "Profile")</li>
    <li class="@(ViewContext.RouteData.Values["Action"].ToString() == "YogaSpaces" ? "active" : "")">@Html.ActionLink("YogaSpaces", "Index", "YogaSpace")</li>
</ul>