2014-03-30 65 views
1

所以,基本上,我正在研究我的第一个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} 

回答

0

您的分页链接被固定在主网页(它始终指向user.tumblr.com/page/2/)。改为使用Tumblr API分页工具。

0

我一直有关于我的Tumblr这个同样的问题,终于解决了,所以我想我会分享我的错误和我的希望的分辨率,这将有助于同胞初学者,比如我自己:)

这是我不得不开始与已导致了问题:

<div class="pagination"><span id="page_nav"><span onclick='return false;'><a style="float:right;opacity:1;" href="/page/2" id="next"></a></div> 

这是我的决心:

<div class="pagination"><span id="page_nav"><span onclick='return false;'><a style="float:right;opacity:1;" {block:NextPage}href={NextPage} id="next" {/block:NextPage}></a></div> 

你会发现,只有昌e已经被创建为href属性。当您将其设置为/ page/2时,它会告诉标签页从索引页面显示页面2,因为它缺少URL中标签的名称。当您为下一页({block:NextPage})和下一页网址({NextPage})添加Tumblr的分页块标记时,它将能够解读您是否从索引页或标签页开始,然后能够自己填写URL中的空白。我希望这有帮助!