Question

我尽可能地遵循文档。但我不能指出这里的错误。

我的观点看起来像这样。

class ProductListView(LoginRequiredMixin, AjaxListView):
     model = Product
     paginate_by = 12
     template_name = 'products_list.html'
     page_template = 'products_page.html'

模板

 <div class="row">
     <ul id="products_list" class="thumbnails endless_page_template">
     {% include page_template %}
     </ul>
 </div>

页面模板

{% load endless %}
 {% paginate 8 products_list %}
 {% for product in products_list %}
     <li class="span3">
         .
         .
         .
         <!-- each item html -->

     </li>
 {% endfor %}
 {% show_more %}

这就是我在同一页面上放置脚本标签的内容。

$(document).ready(function(){
         $.endlessPaginate({
              paginateOnScroll: true,
              paginateOnScrollMargin: 20,                                 
         });
});

我看了这个问题 - django-endless-pagination doesn't seem to be using AJAX，但没有找到任何解决方案。当我到达滚动结尾时，我看不到在控制台中进行任何网络调用。页面末尾加载show_more链接。单击show_more链接时，它会通过ajax加载下一页项目，但这不会自动发生，因为我们设置paginateOnScroll:true时应该这样。

Answer 1

在修改了endless_pagination.js后，我发现了一个问题。这个对我有用。在此处提交了一个拉取请求 - https://github.com/frankban/django-endless-pagination/pull/52

如何在django-endless-pagination中启用滚动加载？

1 个答案: