Применить Jquery Masonry и Infinite Scrolling to Tumblr Theme

Question

Я создаю тему с тремя столбцами tumblr и пытаюсь применить бесконечные прокрутки и кладки к сообщениям. Каменная кладка применяется только к числу «Сообщений на страницу» (например, если она установлена ​​в 15, кладка будет применяться только к первым 15 сообщениям). Я везде искал, но ничего не мог найти. Вот мой код:

<script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js"></script> 

{block:IfInfiniteScroll} 
<script type="text/javascript" src="http://proto.jp/js/tumblrAutoPager.js"></script> 
{/block:IfInfiniteScroll} 

<script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script> 

<script type="text/javascript"> 
$(window).load(function() { 
$('#postCnts').masonry(), 
$('.masonryWrap').infinitescroll({ 
navSelector : "div#pgNvgt", 
// selector for the paged navigation (it will be hidden) 
nextSelector : "div#pgNvgt a#nextPage", 
// selector for the NEXT link (to page 2) 
itemSelector : ".post", 
// selector for all items you'll retrieve 
bufferPx : 10000, 
extraScrollPx: 10, 
loadingImg : "http://b.imagehost.org/0548/Untitled-2.png", 
loadingText : "<em></em>", 
}, 
// call masonry as a callback. 
function() { $('#postCnts').masonry({ appendedContent: $(this) }); } 
); 
}); 

</script> 

помощь будет очень приятно!

Answer 1

Необходимо обновить до последней версии скрипта (v2.1.05). Вы используете v 1.0.1.

Также у вас есть два файла masonry.js, вам нужен только один.

я предлагаю использовать jqueryInfiniteScroll над tumblrAutoPager и плагин imagesLoaded вместо $ (окно) .load http://masonry.desandro.com/docs/help.html