在无限滚动ajax召回之后，Tumblr像按钮不工作

Question

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

创建一个like按钮非常简单     {LikeButton}

并且效果很好，但是在ajax召回以从下一页获得更多帖子后，类似按钮不再有效。

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

我编写了一个示例博客，如果这有助于回答，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]）   描述：请求喜欢各个帖子的状态。采用一系列帖子ID

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

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

实施例

HTML

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

jQuery Post ID Array

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，并在新帖子运行其他函数的位置调用{{1}}。这也可以使用纯javascript来完成：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map