懒惰滚动,直到页面结束,然后显示下一页

时间:2013-04-04 12:33:01

标签: django django-endless-pagination

我正在使用django-endless-pagination将我的对象加载到显示器上。它工作正常,但我想在滚动时加载一些页面,然后在这些页面之后,我想要一个'显示更多',当点击时加载下一组页面(再次滚动时)

如果我使用

<script>$.endlessPaginate();</script> 

{% lazy_paginate 100 entries %} 

我希望这些条目会延迟加载,但它们不是,它们一次只加载100个。此外,我不能使用像

这样的东西
<script>
    $.endlessPaginate({
        paginateOnScroll: true,
        paginateOnScrollMargin: 20
    });  </script>

因为这会在滚动时加载所有页面,而不是一组页面。

这就是我想要做的事:http://www.flipkart.com/mens-clothing/trousers/pr?sid=2oq%2Cs9b%2C9uj&otracker=hp_submenu_clothing_Trousers&_pop=flyout 在这里,每个页面在我们滚动时加载,在20页之后,有一个“显示更多页面”,它在页面上加载第21页和其他页面,依此类推。

对此的任何帮助都会很棒!感谢。

1 个答案:

答案 0 :(得分:0)

首先,如果您使用{% lazy_paginate 100 entries %},您获得的行为是正确的:您要求每页上有100个条目。

请阅读此处的文档:http://django-endless-pagination.readthedocs.org/en/latest/templatetags_reference.html#paginate

至于第二部分:是的,您可以在一定数量的页面后显示“显示更多”链接: http://django-endless-pagination.readthedocs.org/en/latest/javascript.html#on-scroll-pagination-using-chunks

此外,您可能希望使用

编写js调用
   $(document).ready(function() {
       $.endlessPaginate();
   });