javascript - Console.log 异步 Facebook Like 按钮加载(显示)后的内容

Question

我在页面上使用简单的“like”按钮:

<div id="fb-root"></div>
<script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.4";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

和我的 HTML

<div class="fb-like"
     data-href="https://www.facebook.com/link_to_sample_fanpage"
     data-layout="button_count"
     data-action="like"
     data-show-faces="false"
     data-share="false">
</div>

一切正常。按钮是异步加载的，这很酷。我想要实现的是执行特定操作，例如加载按钮后 console.log('async button returned) 。

类似 init 回调之类的东西？我必须使用一些 FB API 吗？

Answer 1

JS SDK 允许您订阅某些事件，其中之一是 xfbml.render:

Fired when FB.XFBML.parse() completes. This indicates that all of the social plugins on the page have been loaded.

https://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/v2.4

(您不需要显式调用FB.XFBML.parse，它也会在初始加载时触发 SDK 解析的社交插件。)