如何修复功能失调的分页？

Question

alphabetical_paginate gem＆amp;我无法弄清楚如何解决它。我假设这不是假设的样子（我添加了背景颜色）：

我假设这些字母是水平显示的：

All A P

我知道有些事情是错的，因为A之后的任何字母都是不可点击的。一个用户只能点击“全部”或“A”，我只有两个用户在这个分页中，让我们称他们为“安东尼”＆amp; “保”。

控制器

class UsersController < ApplicationController

  def index
    @users, @alphaParams = User.all.alpha_paginate(params[:letter]){|user| user.name}
  end

  ...
end

用户/索引

<%= alphabetical_paginate @alphaParams %>

<div id="pagination_table">
  <%= render @users %>
</div>

assets.rb

Rails.application.config.assets.version = '1.0'

Rails.application.config.assets.precompile += %w( stat.js )

Rails.application.config.assets.precompile += %w( habit.js )

Rails.application.config.assets.precompile += %w( alphabetical_paginate.js )

您认为原因是什么？请不要犹豫，要求提供进一步的代码或澄清。

Answer 1

添加了CSS类

  def index
    @users, @alphaParams = User.alpha_paginate(params[:letter], {:pagination_class => "pagination-centered"}){|user| user.name}
  end

CSS

.pagination-centered {
  li {
  display: inline;
  padding: 6px 12px;
  background-color: white;
  border: 1px solid #ddd;
  margin-left: -1px;
  a {
    color: #446CB3;
  }
  }
  li.active {
    background-color: #446CB3;    
  }
}