ruby-on-rails - 在 Rails 中动态添加事件类到 Bootstrap li

Question

在 Bootstrap 导航栏中。你可以通过添加类active来获得按钮被点击的效果。 .自然，我想在我的页面上使用它。例如，如果我在关于我们的页面上，我希望点击关于我们的按钮。

解决此问题的最佳方法是什么？我打算转到每个页面，在底部有一个 jQuery 函数添加类 active给它。有没有更好的办法？

Answer 1

阅读 current_page? here

您可以使用 current_page? 添加处理逻辑的方法，例如一个方法:

module ApplicationHelper

 def active_class(link_path)
  current_page?(link_path) ? "active" : ""
 end

end

示例 bootstrap navbar模板

<div class="navbar">
  <div class="navbar-inner">
    <a class="brand" href="#">Title</a>
    <ul class="nav">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
    </ul>
  </div>
</div>

所以，在 View 看起来像

HTML

<li class="<%= active_class(some_path) %>">
<%= link_to "text of link", some_path %>
</li>

哈姆勒

%li{:class => active_class(some_path)}
  = link_to "text of link", some_path

或者您可以使用 request.fullpath如果当前路径有参数，则获取当前完整路径

例子

<ul>
 <% Contry.all.each do |c| %>
  <li class="snavitem <%= active_class(contry_path(c)) %>">
    <%= link_to "show #{c.name}", contry_path(c) %>
  </li>
 <% end %>
</ul>

并在您的 application_helper.rb 上

def active_class(link_path)
  request.fullpath == link_path ? "active" : "" 
end

阅读 request.fullpath here