jQuery JScroll - jScroll не останавливает загрузку продуктов - PullRequest
Новая
       20

jQuery JScroll - jScroll не останавливает загрузку продуктов

0 голосов
/ 11 марта 2019

У меня установлена ​​программа 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 ... он просто загружает все изначало.Что мне не хватает?

...