所以,基本上,我正在研究我的第一个Tumblr主题:teenaqe-vow.tumblr.com,一切都很好,现在到目前为止,除了无限的滚动代码。发生什么事情,它会很好地工作,直到你去到这个标签页面。 http://teenaqe-vow.tumblr.com/tagged/music发生什么事是,当您向下滚动时,不是加载已标记页面的下一页,而是从索引页面加载页面。我使用的是一个脚本,它将所有帖子都放在一起,呈现无限滚动,如果没有它,帖子中就会出现空白,并且效果不佳。无限滚动脚本无法在标记的页面上工作? [砌体]
我对这件事情真的很陌生,所以我对如何解决这个问题感到不知所措。如果我提供的任何信息不充分,请致电我,如果您需要更多信息,请告诉我。
这里是整个主题代码:http://pastebin.com/X8DaLKPG
这里是无限滚动/砖石部分:
{block:IndexPage}{block:IfTwoColumn}
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
{block:IfInfiniteScroll}
<div id="pagination"><a href="/page/2"></a></div>
<script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
{/block:IfInfiniteScroll}
<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
<script>
$(function(){
var $container = $('#content');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '#entry',
});
});
$container.infinitescroll({
itemSelector : "#entry",
navSelector : "#pagination",
nextSelector : "#pagination a",
loadingImg : "http://media.tumblr.com/ec1742dbca16ca94b47814f1de4e37e6/tumblr_inline_mj8pf7Te3l1qz4rgp.png",
loadingText : "<em></em>",
bufferPx : 10000,
extraScrollPx: 12000,
},
// trigger Masonry as a callback
function(newElements) {
var $newElems = $(newElements).css({ opacity: 0 });
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 });
$container.masonry('appended', $newElems, true);
});
}
);
});
</script>
{/block:IfTwoColumn}{/block:IndexPage}