检测Facebook Like Button何时加载

Question

您可能知道Facebook Like按钮的加载速度非常慢.

我试图找出如何检测按钮何时完成加载并已添加到网站.

原因是我显示了加载动画,然后隐藏它并显示按钮,但我想在加载完成后显示按钮.

可以这样做吗？

在此先感谢大家!

Answer 1

可以订阅 xfbml.render事件以在呈现完成时得到通知,每次页面解析只会触发一次(并且不仅适用于xfbml,也适用于新的html5技巧).当FB JS SDK加载if时,页面解析会自动发生xfbml : true.

window.fbAsyncInit = function() {
  FB.init({
    ...
    xfbml : true
  });

  FB.Event.subscribe('xfbml.render', function(response) {
      alert('OMG... All Facebook sociaal plugins on page rendereed.... finally!');
  });
};

// And load the SDK Asynchronously here