小编car*_*ard的帖子

jQuery无限滚动和砌体的问题

我正在尝试创建一个tumblr主题,我正在使用jonery的砌体和无限滚动插件.砖石工作得很好.但是,我无法让无限卷轴工作.这是我的jQuery代码:

<script type="text/javascript" src="../jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../masonry.js"></script>
<script type="text/javascript" src="../jquery.infinitescroll.js"></script>
<script type="text/javascript">
$('document').ready(function(){
$('#content').imagesLoaded(function(){
$('#content').masonry({
itemSelector: '.post',
columnWidth: 260});
});
$('#content').infinitescroll({
    navSelector  : '#nav',
    nextSelector : '#nav a',
    itemSelector : '#content div.post',          
    },
    function( newElements ) {
    var $newElems = $( newElements );
    $('#content').masonry( 'appended', $newElems, function(){$newElems.fadeIn('slow');}   );
  });
});
</script>
Run Code Online (Sandbox Code Playgroud)

这是我的HTML:

 <div id="content">
   {block:Posts}
   {block:Photo}
<div class="post">
<img src="{PhotoURL-250}" width="250" />
</div>
   {/block:Photo}
   {/block:Posts}
 {block:Pagination}
<div id="nav">{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</div>
 {/block:Pagination}
Run Code Online (Sandbox Code Playgroud)

任何帮助是极大的赞赏.提前致谢.

*我还要注意,我故意缩短了js文件的URL,以使帖子看起来更好,在我的实际主题中,URL是正确的.

这是我添加调试后控制台显示的内容(说实话,我真的不知道这意味着什么,但希望它有帮助)

Testing console
["determinePath", 
Array[2]
0: "/page/"
1: …
Run Code Online (Sandbox Code Playgroud)

javascript jquery tumblr jquery-masonry infinite-scroll

3
推荐指数
1
解决办法
4780
查看次数