Pagy gem：UI小部件的放置打破了分頁

Question

我在Rails 5項目中使用Pagy gem進行分頁。 分頁本身可以正常工作，但是當我在視圖文件中的pagination（pagy_nav（@pagy））塊上方添加UI小部件（由pagy提供：pagy_items_selector（@pagy））時，它破壞了頁面鏈接。 示例： http：//www.localhost：3000 / articles？page = 5＆current_param = -pagy-2370055651028177601--items-

相反，如果我將pagination（pagy_nav）放在項目選擇器（pagy_items_selector）上方，則該URL會整潔，並且就像一個魅力一樣工作。 示例： http：//www.localhost：3000 / articles？page = 4＆current_param = 4

這是我的html代碼-

<div class="items_per_page">
  <!-- Pagy UI widget for users to select items per page -->
  <%= pagy_items_selector(@pagy).html_safe %>
</div>

<!-- displaying a list of article titles -->
<% @articles.each do |article| %>
  <div class="row justify-content-md-center newsbox">
    <div class="article-content">
      <div class=" panel-title">
        <%= link_to article.title, article_path(article) %>
      </div>
    </div>
  </div>
<% end %>

<!--Pagy Nav links -->
<div class="pager">
  <!-- Pagination nav links -->
  <%= pagy_nav(@pagy).html_safe %>
</div>

Answer 1

這是Pagy錯誤， 請參閱＃117 。 它已在Pagy版本1.3.1中修復。

更新您的Gemfile應該可以解決此問題：

bundle update pagy

如果不是，請檢查Gemfile中所需的gem。 應該是這樣的：

gem 'pagy', '~> 1.3` # or '1.3.1'

並再次更新。