Question

我坚持让导航标签工作，跟踪活动内容以及如何渲染新视图。

这是我的标记示例。仅出于说明目的，仅包含一个标签内容。

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

所以现在我可以选择展示我的标签内容。但是当我点击其他东西时。例如在“即将发生的事件”和点击“过去的事件”中有效，如何同时使用javascript和同一空间上的链接将active转移到#past，同时从past_events_path <加载内容/ p>

Answer 1

能够回答这个但有点hacky导致我的标签内容嵌套

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

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

1 个答案: