ruby-on-rails - 在 Bootstrap 菜单中设置当前事件选项卡

Question

我在部分中定义了以下 Bootstrap 菜单(药丸):

<ul class="nav nav-pills">
  <li class="active"><a href="#">Home</a></li>
  <li><a href="#">Menu 1</a></li>
  <li><a href="#">Menu 2</a></li>
</ul>

以下是一些示例路线:

  get 'institute/:institute_id/students' => 'students#index'   , as: 'students_of_institute'
  get 'students/:student_id'             => 'students#show'

我在各种 View 中都引用了这个部分。如何动态更改当前事件选项卡？

Answer 1

您必须检查当前路径，如果它与您的链接相匹配，请将 active 类添加到您的 li。

一个简单的方法是比较 params[:controller] 和 params[:action]。

例如:

# GET /posts
params[:controller]     => "posts"
params[:action]         => "index"

这是一个“肮脏”的例子。最好把它移到某个助手那里:

<ul class="nav nav-pills">

  <li class="<%= 'active' if params[:controller] == 'students' && params[:action] == 'index' %>"><%= link_to 'Students', students_path %></li>

</ul>