Ajax 如何使用Django的zinnia博客应用程序实现无限滚动、无休止的分页

Ajax 如何使用Django的zinnia博客应用程序实现无限滚动、无休止的分页,ajax,django,pagination,infinite-scroll,zinnia,Ajax,Django,Pagination,Infinite Scroll,Zinnia,这是我的第一个问题 我想在Django的应用程序支持的博客上实现无限滚动(或无休止的分页) 我的博客结构与百日咳博客相同,我没有对其进行任何编码。我尝试使用“django无止境分页”,因为文档中说我可以创建一个页面,但我无法确定将其代码片段放在何处 我不介意是否可以使用django无止境分页来解决这个问题。 我的PIP冻结看起来像这样: Django==1.5.1 Pillow==2.3.1 argparse==1.2.1 beautifulsoup4==4.3.2 django-blog-zi

这是我的第一个问题

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

我的博客结构与百日咳博客相同,我没有对其进行任何编码。我尝试使用“django无止境分页”,因为文档中说我可以创建一个页面,但我无法确定将其代码片段放在何处

我不介意是否可以使用django无止境分页来解决这个问题。

我的PIP冻结看起来像这样:

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
$(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)
        });
    });
});
我真的很感激你的建议


p.D:如果您需要其他任何信息来给出适当的答案,请告诉我

您可以在客户端使用此库来完成此操作:

在以下情况下效果良好:

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
$(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)
        });
    });
});
$(文档).ready(函数(){
$('.hfeed').infinitescroll({
导航选择器:'.paginator',
下一个选择器:'.paginator.next a',
项目选择器:'.hentry',
contentSelector:“.hfeed-aside”,
缓冲区px:1000,
maxPage:5,
装载:{
msgText:“物品保险费…

”, finishedMsg:“”, img:“/static/img/loader.gif”, }, },函数(新元素){ $(新元素).find('pre').each(函数(i,e){ hljs.highlightBlock(e) }); }); });
链接已断开,请提供适当的链接。