0

我正在尝试在 bootstrap 2 选项卡集中使用 Facebook 评论小部件。如果放置评论的选项卡不是“默认”或显示的选项卡,则 FB 评论 iFrame 不会出现在选项卡选择上。

看到这个小提琴:http: //jsfiddle.net/e9QkE/1/

(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/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

有没有办法刷新选项卡或在选项卡选择上触发 FB iframe?

4

1 回答 1

0

如果您的容器是 ,则不会显示 Facebook 评论display:none,这是非默认选项卡的情况。

我使用的另一种方法是在显示容器之前不呈现 fb 评论。这可以通过使用来实现,

window.fbAsyncInit = function () {
    FB.init({
        xfbml:false  // Will stop the fb like button from rendering automatically
    });
};

然后渲染 fb 评论,你可以使用

FB.XFBML.parse(); // This will render all tags on the page

//or the following is a Jquery example on how to render all XFBML within an element

FB.XFBML.parse($('#profile')[0]);   // profile is the id of element which contains the fb code

// In plain js,
FB.XFBML.parse(document.getElementById("profile"));

参考:来自 SO 答案的代码。

于 2013-11-02T17:26:01.823 回答