小编use*_*994的帖子

jQuery Masonry无限滚动和图片与我的tumblr主题重叠问题

我是编程(javascript)的新手,但过去几天我做了很多研究,以使我的tumblr主题正常工作.我知道我的问题很常见,但似乎我没有足够的知识来正确整合许多类似例子中给出的代码部分.

我的主题应该覆盖tumblr的"每页15个帖子"限制,并且通过"无限滚动"选项,它应该将我的所有帖子(所有这些图片)放在一个无尽的页面中.嗯,事实并非如此.在这里得到一点帮助后,我设法将我的{block:Posts}包裹起来,然后在砌体()调用中进行了几次随机更改我最终得到了这个

你可以看到我的图片没有重叠(最后!)但是在15个帖子之后,它看起来像是创建了一个新页面并且最后的图片没有正确对齐.

我的jQuery砌体代码是这样的:

<script type="text/javascript">

$(window).load(function () {
$('.autopagerize_page_element').masonry(),
$('.autopagerize_page_element').infinitescroll({
navSelector : "div.navigation",
// selector for the paged navigation (it will be hidden)
nextSelector : "div.navigation a#nextPage",
// selector for the NEXT link (to page 2)
itemSelector : ".autopagerize_page_element",
// selector for all items you'll retrieve
bufferPx : 10000,
extraScrollPx: 12000,
loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",
loadingText : "<em></em>",
},
// call masonry as a callback.
function() { $('.autopagerize_page_element').masonry({ appendedContent: $(this) }); }
);
});
</script>
Run Code Online (Sandbox Code Playgroud)

我知道,它是一团糟...真的很感激一些帮助.

jquery-masonry

7
推荐指数
1
解决办法
5564
查看次数

标签 统计

jquery-masonry ×1