Javascript 能给我一张“票”吗；“无限卷轴”；仅使用massy.js的效果？

我正在努力学习编写Tumblr主题代码（我没有钱买Wordpress），我想知道如何实现帖子的“无限/无限滚动”（而不是分页）；我不想使用两个主要的无限卷轴脚本中的任何一个，因为

无限卷轴js

（由Paul Irish编写）有很好的文档记录（我能够让它工作），但我想对帖子的加载方式有更多的控制，可以说，Cody Sherman的无限卷轴代码根本没有文档记录，我不知道应该如何使用它（千差万别的指令是由几个非编码者分发的，他们对Javascript的掌握程度比我差，这说明了一些问题）

我不懂Ajax，但我愿意根据需要阅读尽可能多的JS文档。我是否可以在突然添加帖子时使用以下顺序，或者我是否需要像Paul Irish那样理解Ajax

加载：（车身）

获取所有的.post元素（带子元素），将它们从DOM中删除，同时将它们添加到基本上只是一个post列表（array？JS term？）的var中

加载一些计算出的帖子（可能会有一个算法，可能基于帖子高度或其他什么，或者在帖子到达时动态测量它们）/当用户滚动到页面、正文或砌体容器的底部时，将它们添加到砌体容器中，并设置动画（尚未确定是哪一个）

---

这是合理的还是我在浪费时间？

在上，JSCROL是一个用于无限滚动的jQuery插件，由Philip Klauzinski编写。对我来说好像是另一个人

是的，您需要使用Ajax。下面是我如何在Wordpress上使用JQuery和Mashine实现的，不过在其他任何网站上都应该非常类似。我正在使用砌体函数Append添加新图片。您可以在上的图库中看到它的实际应用

---

这是您模糊的需求中的JQuery Ajax文档

，非常合理。为了得到一个更有用的答案，如果你能分享你的代码就太好了。@Mikedidt这哈哈，是的，我明白你的意思了。。。我稍后会尝试写一些东西，但到目前为止我一直在写的东西没有起作用，所以我得出结论，要么我需要使用JQuery（基本库）和砖石之外的其他东西，要么我太无知了，无法实现这一点这里有一些很好的答案@panpsychist谢谢，但是，如果我能避免的话，我宁愿不使用保罗·爱尔兰的——对他或你没有任何不利之处，但我有我的理由（我相信，如果我记得包括这一部分的话，我会在问题中陈述）对不起，我没有看到底部的链接；答案首先是保罗·爱尔兰的剧本。我正在努力成为一个更细心的读者。我的意思是，我不想100%地使用别人的代码来实现无限滚动部分；通常这意味着更少的定制选项和多功能性（我对一切都很挑剔）。我非常乐意使用可用的代码只用于“嘿，从DOM中删除这些元素，然后将它们存储在这个对象中，直到您准备好检索它们并将它们粘回”部分；我最关心的是实际的附加部分。感谢您在我浪费更多时间尝试在没有Ajax的情况下让它工作之前澄清了这一点。你知道我该如何确定要使用什么.php url吗？它将是服务器上返回图像的任何端点，它可以是php、js、python、RoR、asp或html，也可以是服务于内容的内容。等等，如果我没有使用

imagesLoaded

？（单独的库，对吗？）如果我在Tumblr的代码编辑器之外测试这一点（让我们面对现实，尝试在没有代码折叠的情况下处理整个主题是一件令人头痛的事情……如果您对资产进行大量更改，他们的资产系统就有点难以使用），那么，我可以用这种方式检索帖子而不必获取应用程序密钥吗？我可以在不使用Ajax的情况下将基本测试元素添加到DOM/或删除到砖石容器中吗？我去了一个网站，你说我可以看到infiniscroll“正在运行”，但我不知道你的意思是它是在哪里实现的。“照片”/“电影”/“等伪选项卡中似乎没有足够的项目需要无限滚动功能；我需要走得更远吗？[看起来不错，滑动导航非常平滑！]是的，您可以在这里看到附加的文档，以及代码示例和代码笔，您可以在其中进行尝试

jQuery.ajax({
    type:"POST",
    url: "/wp-admin/admin-ajax.php",
    data: myData,
    success:function(response){
        jQuery("#LoadingImage").hide();

        if(response){
            var $newPics=jQuery(response).css({ opacity: 0 });;

            $newPics.imagesLoaded(function(){
                jQuery("#galleryPlaceholder").append($newPics).masonry( 'appended', $newPics, true );
                $newPics.animate({ opacity: 1 });
                jQuery("#galleryPlaceholder a").colorbox({rel:currCat, 
                    scalePhotos:true,
                    maxWidth:"90%",
                    maxHeight:"90%"});
            });
        }
    }
});