api - 无限滚动ajax召回后，像Tumblr这样的按钮不起作用

Question

有一些类似的帖子，但它们已经过时了，据我所知，Tumblr 不久前更新了 API 的类似部分。

创建一个赞按钮就像 {LikeButton}

这很好用，但是在 ajax 召回以从下一页获取更多帖子后，like 按钮不再起作用。

我查看了文档，它指出我需要实现以下其中一项，我想知道是否有人能指出我正确的方向？我一直试图让它工作几个小时。

如果这有助于回答，我编写了一个示例博客，javascript 可以完成大量新图像的实现。

http://stackoverflowexample.tumblr.com/

如果您需要更多信息，我会很乐意编辑并添加所需内容，谢谢！

Answer 1

概述

改编自我之前的回答：Using Tumblr Like Button with Infinite Scroll

Tumblr 声明我们需要调用两个函数之一来获得Like Status。我建议如下：

函数：Tumblr.LikeButton.get_status_by_post_ids([n,n,n]) 描述：请求单个帖子的Like状态。获取一系列帖子 ID

一旦 ajax 请求成功，我们应该有一个data对象（包含新帖子等）。

我们需要创建一个数组postIDs，它是一个包含对象中每个帖子的 ID / 编号的数组data。添加帖子 ID 的最简单方法是使用主题变量{PostID}。

例子

HTML

<article class="post" id="{PostID}">...</article>

jQuery 帖子 ID 数组

var $newPosts   = $(data).find('.post');
var $newPostIDs = $newPosts.map(function () {
    return $(this).attr('id');
}).get();

Tumblr.LikeButton

Tumblr.LikeButton.get_status_by_post_ids($newPostIDs);

提示

创建数组并Tumblr.LikeButton在 ajax 请求成功并在您为新帖子运行其他函数的地方调用。这也可以使用纯 javascript 来完成，如下所示：https ://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map