ruby-on-rails - Ruby on Rails 突出显示导航栏上的当前链接？

Question

谁能告诉我如何使用 css 突出显示(用颜色)导航栏上的当前链接？我不想使用 Controller 选项。
这是来自 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>

Answer 1

第一种方法是处理当前 Controller 名称和 action_name 检测您所在的页面。这很好，但它为特定于客户端的模板添加了一些服务器端。 rails helper 使用的方式是 link_to_unless_current . JS 的最低使用率。查看示例 here

第二种是解析$(location)，直接给选中的导航项添加某个类来高亮显示。

第三个(取决于一个对象)是构建一个具有当前实体状态的 JS 对象，并添加将类添加到事件导航的方法。然后你可以实例化这个 JS 类，传递对象并保持逻辑封装。