0

我正在制作一个自定义的 tumblr 主题，并且我正在尝试实现 paul irish 的无限滚动插件。

我真的很喜欢“预制”的“简单”主题处理它的方式（由按钮触发的新帖子）。如果我理解正确，这很容易做到。

我从 github 添加了最新的 paul irish 缩小脚本，即触发脚本，并包含了最新的 jquery 版本。

我这样设置我的代码：

        <script type="text/javascript">
        $('#content').infinitescroll({
            navSelector  : 'div.navigation',            
            nextSelector : 'div.navigation a:#next',    
            itemSelector : '#content div.entry',
            behavior     : 'twitter'
          },function(newElements){
            $(newElements).find('.photo-slideshow').pxuPhotoset();
        }
        });        
    </script>

（我也在使用 PXU 扩展照片集，它可以工作，所以我知道这不是问题）并添加了我的导航 div。

它什么也没做。

单击下一页实际上将我移动到下一页，而不是动态加载内容。

更糟糕的是，普通的无限滚动甚至不起作用。

我的测试 tumblr 在这里：http ://test-theme-one.tumblr.com

我的完整 html 代码在这里： http: //pastebin.com/TRNR6V0U

这可能是我犯的一些愚蠢的错误，但也许有人可以告诉我我做错了什么？

4

1 回答 1

2

你的JS有一个错误：

SyntaxError: Unexpected token }

您需要将代码更改为如下所示：

<script type="text/javascript">
$('#content').infinitescroll({
    navSelector  : 'div.navigation',            
    nextSelector : 'div.navigation a:#next',    
    itemSelector : '#content div.entry',
    behavior     : 'twitter'
},function(newElements){
    $(newElements).find('.photo-slideshow').pxuPhotoset();
});        
</script>

您会注意到无限滚动功能底部的结束标签的不同。

更新

你nextSelector的也不对。现在你有'div.navigation a:#next'并且应该是'div.navigation a#next'（注意删除了冒号）。

于 2013-07-04T17:41:54.723 回答