jQuery JScroll-jScroll不会停止加载产品

Question

我在应用程序上安装了jScroll，用于以下产品系列：

查看

<div class="product-list">
   <div class="product-page">

     <% @products.each_with_index do |product, index| %>
         <%= render partial: 'product' %>
     <% end %>

     <div class="pagination">
     <%= link_to_next_page paginated_products, 'Click Here to Load More Products', params: params, id: 'more-products', class: 'no-mobile more-products' %>   
     </div>

   </div>
</div>

JS非常简单：

$(".product-list").jscroll({
  loadingHtml: '<div class="loading">Loading more cards ...</div>',
  nextSelector: 'a.more-products',
  contentSelector: '.product-page',
  autoTrigger: true,
  padding: 100,
  debug: true,  
});

问题在于产品页面会一直加载，直到所有产品都加载完毕（约500个）。

在调试控制台中...我看到了：

jquery.jscroll.js?body=1:196 jScroll: nextSelector not found - destroying

我已经明确定义了a.more-products，并且autoTrigger在工作，它只是不等待加载基于padding参数的下一组产品...它只是加载了从一开始的一切。我想念什么？