3

will_paginate ページ分割されたリストを Twitter のブートストラップ タブに配置したとき。間にページネーションリンクを付けて、それらをすべてリストするだけです。ページネーションのスタイルを設定するために will_paginate-bootstrap を使用しています。

タブを機能させずにすでに試しました:

ページネーションのスタイリングを取り除く

ページネーション ブロックの削除

ルビーをすべて削除すると、タブが機能するため、独立して機能します

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

2 に答える 2