twitter-bootstrap - 在每个选项卡中使用 will_paginate 分页 Bootstrap 导航选项卡

Question

当我将 will_paginate 分页列表放入 Twitter Bootstrap 选项卡时。它只是将它们全部列出，中间有分页链接。我正在使用 will_paginate-bootstrap 来设置分页样式。

我已经尝试过不让标签起作用:

去除分页样式

移除分页 block

如果我删除所有 ruby​​ 选项卡，它们将独立工作

<div class="tabbable">
  <ul class="nav nav-tabs">
    <li class="active"><a href="#A" data-toggle="tab">Newest</a></li>
    <li><a href="#B" data-toggle="tab">Activity</a></li>
  </ul>

  <div class="tab-content">
    <div class="tab-pane active" id="A">
      <%= render partial: "posts/post", collection: @posts, as: :post %>
      <%= will_paginate @posts, renderer: BootstrapPagination::Rails %>
    </div>
    <div class="tab-pane" id="B">
      <%= render partial: "posts/post", collection: @posts_by_activity, as: :post %>
      <%= will_paginate @posts_by_activity, renderer: BootstrapPagination::Rails %>         
    </div>
  </div>
</div>

Answer 1

您使用的是哪个版本的 Rails？我使用的是 3.2.17，我在使用 Bootstrap 3 选项卡和 will_paginate 时遇到了一些自己的问题，但从它的声音来看与你不一样。

这就是我正在做的:

<ul class="nav nav-tabs">
  <li class="active"><a href="#announcements" data-toggle="tab"><i class="fa fa-exclamation-circle"></i> Announcements</a></li>
  <li><a href="#activity" data-toggle="tab"><i class="fa fa-bar-chart-o"></i> Site activity</a></li>
</ul>

<div class="tab-content">
  <div class="tab-pane fade in active" id="announcements">
    <%= render 'announcements' %>
  </div>

  <div class="tab-pane fade" id="activity">
    <%= render 'activity' %>
  </div>
</div>  

我有:

<%= will_paginate @announcements, renderer: BootstrapPagination::Rails %>

每个部分都有一点。对我来说，部分是不同的信息，所以我在每个部分的 features#index Controller 操作中都有实例变量。您是否尝试过像这样为每个单独的部分制作一个部分以查看是否可行？

分页导航按预期工作，但是，单击另一页内容会添加 ?page=# 查询字符串:

 http://localhost:3000/features?page=2

然后这适用于两个选项卡。因此，如果我想查看 Announcements 选项卡的第 2 页，单击 Site Activity 选项卡会直接转到第 2 页，因为查询字符串永远不会更改。烦人。