Jquery 如何使用.ready（）引用$（this）

我正在使用Tumblr文档，以便在页面主题加载某个post ask post（本例中为post ask post）时实现这一点，它将该帖子的html附加到一个单独的固定div中，该div的作用类似于聊天日志或排序，当这些帖子显示时，这些帖子会作为新消息不断加载，因为这里考虑的是无限滚动，不断加载新帖子，而不是分页。因为我启用了无限滚动，所以我不能简单地使用page onload或.each，并且除了$'.ask'.ready之外，我不知道要使用什么

现在，我所拥有的是

$(".ask").each(function() {
    var self = $(this);
    $(self).ready(
    function(){
        $("#chatLog").append($(self).html());
    });
});

但是，当我在页面上有四个ask帖子时，第一个出现了4次，第二个出现了3次，第三个出现了2次，第四个出现了一次，我不确定一旦我启用了无限滚动，结果会有多不可思议

如果我去掉.each，我就不能用just.ready引用带有$this的div目标

*注意：Tumblr文档不允许我从一开始就将所有的问帖加载到fixed div中，因为你不能将问帖从包含所有其他帖子文本、照片、照片、音频、视频等的general posts块中分离出来

注意：Tumblr文档不允许我从一开始就将所有的问帖加载到fixed div中，因为你不能将问帖从包含所有其他帖子文本、照片、照片、音频、视频等的general posts块中分离出来

您可以从其他帖子类型中筛选答案。Tumblr提供了主题操作符{block:Answer}{/block:Answer}，用于处理问题/答案或发帖

OP有一个特殊要求，即将答案转移到自己的元素中：

<div class="posts posts--answers">
{block:Posts}
{block:Answer}

/* Answer post markup */

{/block:Answer}
{/block:Posts}
</div>


<div class="posts">
{block:Posts}

{block:Photo}
/* Photo post markup */
{/block:Photo}

{block:Text}
/* Text post markup */
{/block:Text}

{/block:Posts}
</div>

您可以使用javascript动态过滤添加的帖子，并将任何新答案移动到.posts-answers

---

参考：

如果您所说的.ready是通用jQuery，那么常规DOM元素就没有.ready功能。如果您试图处理来自动态加载元素的事件，那么您将希望使用委托事件处理，如下所述。这允许您将事件处理程序附加到公共父元素，并使用来自动态元素的事件冒泡。其他引用和。不确定是否正确解释问题？准备好了吗？当元素存在于文档中时，调用.each on element？@guest271314，其目的是因为将启用无限滚动，并且在滚动时将加载该类的新实例，可以重新调用函数的东西是needed@guest271314虽然它肯定不应该嵌套在里面。每个都是这样，但是没有。每个，我不确定如何引用$this是的，我意识到，但是我的意思是，ask posts仍然必须在{block:posts}中，一个主题不能多次实例化。因此，由于我的其他帖子照片等已经在其他地方的div容器中，我不能简单地用另一个{block:posts}在单独的div中将ask帖子与它们分开。因此，我的方法是让它们与其他post类型一起显示在该div容器中，使用CSS将display更改为none，并使用jquery将HTML移动到另一个div，从而引入动态加载post的问题。为什么不运行两个post循环呢？您可以过滤使用javascript动态添加的任何内容，并将其添加到正确的元素中。老实说，听起来像是XY的问题。你完全正确，我有一个错误的印象，Tumblr不允许两个帖子循环，因为我曾经尝试过这样做，但那一次是两个photo post块，所以看起来没有问题，只要它不是帖子类型的副本。@user3597545尽管如此，由于我无法想象在两个帖子循环中都可以轻松实现无限滚动，您建议如何使用JavaScript过滤动态添加的帖子？这是另一个问题。Infinite scroll根据选择器收集内容，它们是否位于不同的元素中并不重要。