0

私は3列の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>

援助はとてもいいでしょう!

4

1 に答える 1

0

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

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

$(window).load http://masonry.desandro.com/docs/help.htmlの代わりに、tumblrAutoPager と imagesLoaded プラグインで jqueryInfiniteScroll を使用することをお勧めします。

于 2012-05-02T20:06:54.857 に答える