加载SDK后获取Facebook likebox高度

Question

有没有办法在加载流后获得正确的 facebook likebox 高度？

我正在尝试这种方式，但行不通。

window.fbAsyncInit = function() {
  FB.init({
    appId      : 'xxx', 
    status     : true,
    cookie     : true,
    oauth      : true,
    xfbml      : true

  });

  FB.Event.subscribe('auth.login', function(response) {
    window.location.reload();
  });
  console.log($('.fb_iframe_widget').height());
};

在控制台中我看到空值。

这意味着 fbAsyncInit 在加载整个流之前运行并且没有 fb_iframe_widget 元素或者我不明白。

如果我等待页面加载并在控制台中输入

console.log($('.fb_iframe_widget').height());

一切顺利，我得到了加载的 Facebook 框的高度。

感谢您的帮助。

Answer 1

我在这里找到了答案

正确的做法是

FB.Event.subscribe("xfbml.render", function () {
  console.log($('.fb-page').height());
});

加载SDK后获取Facebook likebox高度

Get Facebook likebox height after SDK loaded

javascript

jquery

facebook

loaded