我从引导栏使用导航栏,但是无论何时点击其中一个页面标题,导航栏都不会突出显示它以显示我在该页面上。例如,如果我的主页上,然后导航栏看起来是这样的:
Bootstrap导航栏有效
但是,如果我点击About
,我去关于页,但导航栏仍然是这样的:
如何让它突出显示它所在的页面?谢谢
我从引导栏使用导航栏,但是无论何时点击其中一个页面标题,导航栏都不会突出显示它以显示我在该页面上。例如,如果我的主页上,然后导航栏看起来是这样的:
Bootstrap导航栏有效
但是,如果我点击About
,我去关于页,但导航栏仍然是这样的:
如何让它突出显示它所在的页面?谢谢
阅读documentation。您需要将class="active"
应用于要激活的li
元素。它不会自动处理。无论你认为合适,你需要实施它。
它可能是JQuery解决方案或服务器端解决方案。根据您网站的构建方式,任何一个都可能更合适。
我使用MVC4,剃刀和引导,最终利用coderwall.com(https://coderwall.com/p/hwtkng)
<li @if (@ViewContext.RouteData.GetRequiredString("controller") == "Home") { @Html.AttributeEncode("class=active");}>
@Html.ActionLink("Home", "Index", "Home")
</li>
好的提示。我可能会补充说,如果你像我一样,需要检查操作而不是控制器,下面的代码片段会执行:'
然后我猜我需要做一些jQuery的工作,然后一个解决方案? – Richard
请从一个好的设计和编码的角度看更新的答案 – Dmitry
,哪个更好?做一个jQuery或PHP解决方案?感谢您的帮助 – Richard