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

我一直坚持让导航标签工作，跟踪什么是活动的以及如何仍然渲染新视图

下面是我的标记示例。仅包含一个选项卡内容，以便于说明

<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> 

---

所以现在我可以通过标签来显示我的标签内容。但是当我点击其他东西的时候。e、 g.在即将到来的事件中处于活动状态”并单击“过去的事件”，如何使用javascript和同一空间上的链接将活动状态切换到过去，同时从过去的事件加载内容？路径能够回答这个问题，但有点黑客，因为我的选项卡内容是嵌套的

---

当您单击“过去事件”路径的链接时，是否正在进行硬刷新？如果是这样，您可以编写一个填充类的helper方法。例如，“阶级=