Tumblr无限滚动脚本不起作用

Question

I've been trying to use Paul Irish's Infinite Scrolling Script for tumblr for a while now but I can't get it to work. (It just doesn't load the next set of posts)

This is the part of the code:

<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>

The selectors should be right. And this is the whole code: http://pastebin.com/cAN5PwSR

This is my test blog: http://codeheaven-wip.tumblr.com/ (Yes, The "Infinite Scrolling" Option is on at the moment.)

I would really appreciate you taking your time to try to help me. This not working has been driving me insane. Thank you very much in advance!

Answer 1

Try passing ($) into your function like this:

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

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

    ...

});

It seemed to take away the console error I was seeing - however I was not able to test fully. Good luck!