Paulirish 无限滚动不适用于我的自定义 tumblr 主题

Question

我正在制作一个自定义的 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

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

Answer 1

你的 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'（注意删除冒号）。