Ruby on Rails 突出显示导航栏上的当前链接? [英] Ruby on Rails highlight current link on navigation bar?
本文介绍了Ruby on Rails 突出显示导航栏上的当前链接?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
谁能告诉我如何使用 css 在导航栏上突出显示(用颜色)当前链接?我不想使用控制器选项.这是来自 shared/menu.html.erb 的代码:
解决方案
有几种方法可以解决这个问题,但如果你追求一个简单的我建议给你的身体添加一个类.
...
然后在您的 css 中,您可以执行以下操作.
body.menus_controller #navigation a.menunav,body.drinks_controller #navigation a.drinknav {背景颜色:黄色颜色 : 蓝色}
如果您要拆分多个页面,这会变得很复杂,但对于这个基本的例子来说应该没问题.
Can anyone tell me how to highlight (with color) the current link on a navigation bar, using css? I don't want to use the controller option. Here is the code from shared/menu.html.erb:
<div id = "navigation">
<ul>
<li id="menu"><%=link_to "Menu", menus_path, :class => "menunav"%></li>
<li id="drink"><%=link_to " Drinks", drinks_path, :class => "drinknav"%> </li>
</ul>
</div>
解决方案
There are a few approaches to this, but if you're after a simple one, I suggest adding a class to your body.
<body class="<%= params[:controller] %>_controller">
...
</body>
Then in your css you can do the following.
body.menus_controller #navigation a.menunav,
body.drinks_controller #navigation a.drinknav {
background-color : yellow
color : blue
}
This can get complicated if you have multiple pages you want to split, but for this basic example it should be ok.
这篇关于Ruby on Rails 突出显示导航栏上的当前链接?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文