Rails引导导航选项卡在通过yield渲染时处于活动状态答案

【问题标题】：Rails bootstrap nav tabs active while rendering via yieldRails引导导航选项卡在通过yield渲染时处于活动状态
【发布时间】：2014-12-10 08:15:14
【问题描述】：

我一直坚持使用导航选项卡来跟踪活动的内容以及如何仍然呈现新视图。

这是我的标记示例。仅包含一个选项卡内容用于说明目的。

<div class="col-xs-12">
  <ul class="nav nav-tabs">
    <li role="presentation" class="active"><%= link_to "Your Events", '#your-events', data: {toggle: "tab"} %></li>
    <li role="presentation" class=""><%= link_to "Join Events", '#join-events', data: {toggle: "tab"}  %></li>
    <li role="presentation" class=""><%= link_to "Create Event", '#create-event', data: {toggle: "tab"} %></li> 

</div>

<div class="tab-content">
  <div class="tab-pane active" id="your-events">
    <ul class="nav nav-pills">
      <li role="presentation" class="active" id="upcoming"><%= link_to "Upcoming Events", upcoming_events_path %></li>
      <li role="presentation" id="past"><%= link_to "Past Events", past_events_path  %></li>
    </ul>

  <%= yield :section %>

  </div>

所以现在我可以使用标签来显示我的标签内容。但是当我点击别的东西时。例如在“即将发生的事件”中活动并单击“过去的事件”，如何在从 past_events_path 加载内容时同时使用 javascript 和同一空间上的链接将 active 转换为 #past

【问题讨论】：

当您单击past_events_path 的链接时，您是否在进行硬刷新？如果是这样，您可以编写一个填充类的辅助方法。 IE。 `class=""

标签： jquery ruby-on-rails twitter-bootstrap

【解决方案1】：

能够回答这个问题，但有点麻烦，因为我的标签内容是嵌套的

How to get Twitter-Bootstrap navigation to show active link?

【讨论】：