Масонство/бесконечный свиток на тему tumblr не работает? Что я делаю не так?

Question

Я пытаюсь создать содержащуюся тему, которая имеет два столбца и имеет бесконечную прокрутку, но она тоже не будет работать.

$(function(){ 

    var container = $('#content'); 

    container.imagesLoaded(function(){ 
    container.masonry({ 
     itemSelector : '.posts' 
    }); 
    }); 

    container.infinitescroll({<br> 
    navSelector : '.pagin', 
    nextSelector : '.pagin a', 
    itemSelector : '.posta', 
    loading: { 
     finishedMsg: 'No more pages to load.', 
     img: 'http://i.imgur.com/6RMhx.gif' 
    } 
    }, function(newElements) { 

    var $newElems = $(newElements).css({ opacity: 0 }); 

    $newElems.imagesLoaded(function(){ 
     $newElems.animate({ opacity: 1 }); 
     container.masonry('appended', $newElems, true); 
    }); 

    }); 

}); 

Пример: http://asdfghjklbnmqwertyuiop.tumblr.com/

Все, кажется, в нужном месте из всех учебников мне нужно сделать что-то по-другому делать, потому что это тема содержала?

Answer 1

navselector is .pagin, но у вас нет класса с этим именем, у вас есть pagin id в вашем HTML-коде. Взгляните на navselector и убедитесь, что он указывает на правильный элемент.