기본적으로 저는 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}