如何使用Django的百日草博客应用程序实现无限滚动,无尽的分页

时间:2014-10-28 03:00:12

标签: ajax django pagination infinite-scroll zinnia

这是我的第一个问题

我想在由Django的zinnia应用程序支持的博客上实现无限滚动(或无限分页)。

我的博客结构与百日草博客相同,我没有编写与之不同的任何内容。我尝试使用" django无尽的分页"因为它的文档说我可以创建一个twitter style pagination,但我无法解决在哪里放置它的代码片段。

我不介意是否可以通过使用django无尽的分页来解决。

我的PIP FREEZE看起来像这样:

Django==1.5.1
Pillow==2.3.1
argparse==1.2.1
beautifulsoup4==4.3.2
django-blog-zinnia==0.13
django-endless-pagination==2.0
django-filebrowser==3.5.6
django-grappelli==2.4.10
django-mptt==0.6.0
django-tagging==0.3.2
django-tinymce==1.5.2
django-xmlrpc==0.1.5
easy-thumbnails==1.3
feedparser==5.1.3
pyparsing==2.0.1
pytz==2014.2
raven==4.2.1
wsgiref==0.1.2

我非常感谢你的建议。

P.D:如果您还需要其他任何答案,请告诉我

1 个答案:

答案 0 :(得分:1)

您可以使用此库在客户端执行此操作:https://github.com/paulirish/infinite-scroll

http://fantomas.willbreak.it/上正常工作:

$(document).ready(function () {
    $('.hfeed').infinitescroll({
    navSelector: '.paginator',
    nextSelector: '.paginator .next a',
    itemSelector: '.hentry',
    contentSelector: '.hfeed aside',
    bufferPx: 1000,
    maxPage: 5,
    loading: {
    msgText: '<p>Chargement des articles suivants...</p>',
    finishedMsg: '',
    img: '/static/img/loader.gif',
    },
    }, function (newElements) {
        $(newElements).find('pre').each(function (i, e) {
        hljs.highlightBlock(e)
        });
    });
});