2012-04-29 7 views
0

私は3列のtumblrテーマを作成し、無限のスクロールと石積みを投稿に適用しようとしています。石積みは「ページあたりの投稿数」にのみ適用されます(たとえば、15に設定されている場合、石積みは最初の15の投稿にのみ適用されます)。私はどこにでも見てきましたが、何かを見つけることができませんでした。ここに私のコードは次のとおりです。TumblrのテーマにJqueryの石積みと無限スクロールを適用する

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

援助は非常にいいですね!

答えて

0

スクリプト(v2.1.05)の最新バージョンにアップグレードする必要があります。あなたはv 1.0.1を使用しています。

また、2つのmasonry.jsファイルがあります。必要なのは1つだけです。

私はtumblrAutoPager上jqueryInfiniteScrollを使用してお勧めしたいし、代わりに$(ウィンドウ)のimagesLoadedプラグインはhttp://masonry.desandro.com/docs/help.html

を.LOAD
関連する問題