我已尽我所能遵循文档。但我不能在这里指出错误。
我的观点是这样的。
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 似乎没有使用 AJAX,但在那里没有找到任何解决方案。当我到达滚动的末尾时,我没有看到控制台中正在进行任何网络调用。该页面在最后加载一个show_more
链接。单击链接时show_more
,它会通过 ajax 加载下一页项目,但这不会像我们设置paginateOnScroll:true
.