Question

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

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

我从github添加了最新的paul爱尔兰缩小脚本，触发脚本，并包含最新的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'（注意删除冒号）。

Paulirish无限卷轴不适用于我的自定义tumblr主题

1 个答案:

更新