Tumblr无限滚动脚本不起作用

时间:2017-03-07 06:13:27

标签: javascript jquery tumblr infinite-scroll

我一直试图将保罗爱尔兰的无限滚动脚本用于tumblr一段时间,但我无法让它工作。 (它只是不加载下一组帖子)

这是代码的一部分:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

 {block:IndexPage}
{block:ifInfiniteScroll}
<script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
{/block:ifInfiniteScroll}
{/block:IndexPage}

<script>

$(document).ready(function(){
var $container = $('.content');

    {block:IndexPage}
    {block:ifInfiniteScroll}  

    $container.infinitescroll({
        itemSelector: '.posts',
        navSelector: '.pagination',
        nextSelector: '.next',
        loadingImg: '',
        loadingText: '<em></em>',
        bufferPx: 2000
        });

    {/block:ifInfiniteScroll}
    {/block:IndexPage}

});


</script>

选择者应该是正确的。这是整个代码:http://pastebin.com/cAN5PwSR

这是我的测试博客:http://codeheaven-wip.tumblr.com/(是的,目前“无限滚动”选项已开启。)

我真的很感谢你花时间尝试帮助我。这不起作用一直让我疯狂。非常感谢你提前!

1 个答案:

答案 0 :(得分:0)

尝试将($)传递到您的函数中:

$(document).ready(function($){

    var $container = $('.content');

    ...

});

它似乎带走了我看到的控制台错误 - 但是我无法完全测试。祝你好运!