api - 无限滚动 ajax 调用后，类似 Tumblr 的按钮不起作用

Question

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

创建“点赞”按钮非常简单 {点赞按钮}

这效果很好，但是在 ajax 记忆起从下一页获取更多帖子之后，“赞”按钮不再起作用。

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

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

http://stackoverflowexample.tumblr.com/

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

Answer 1

概述

改编 self 之前的回答:Using Tumblr Like Button with Infinite Scroll

Tumblr 指出我们需要调用两个函数之一来获取点赞状态。我建议如下:

Function: Tumblr.LikeButton.get_status_by_post_ids([n,n,n]) Description: Request Like status for individual posts. Takes an array of post IDs

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

我们需要创建一个 postIDs 数组，该数组包含 data 对象中每个帖子的 ID/编号。添加帖子 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);

提示

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