Question

我在JQuery Tools标签的第一个标签页面中添加了Facebook的按钮。

当页面加载时，第一个标签打开，出现Facebook的按钮，这可以正常工作，但当你点击第二个/第三个/ ...标签然后返回第一个标签时，Facebook的按钮不会再出现......

以下是我添加到第一个标签中添加类似按钮的内容：

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

并将以下代码放在我希望按钮显示在第一个标签中的位置：

<div class="fb-like" data-href="http://www.mysite.com/example/thisPage" data-send="false" data-layout="box_count" data-width="60" data-show-faces="false"></div>

知道这里发生了什么，以及每次加载第一个标签时如何重新加载like按钮？

Answer 1

我猜这与AJAX有关，当然你需要在用AJAX调用后重新加载FB按钮。将其添加到函数末尾以重新初始化Facebook并加载Like按钮：

FB.XFBML.parse();

Facebook就像是JQuery Tools选项卡中的按钮

1 个答案: