2014-10-28 62 views
1

无尽的分页这是我在这里的第一个问题如何实现无限滚动,使用百日草博客应用从Django的

我想要实现开机从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 

我真的很感谢你的建议。

PD:让我知道如果你需要任何东西给一个合适的答案

回答

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) 
     }); 
    }); 
}); 
+0

谢谢@ Fantomas42它的工作! – javidazac 2014-11-13 04:04:21

+0

链接已损坏,请提供相应的链接。 – 2018-02-24 06:17:16