AJAX 页面上的 Facebook HTML5 Like 按钮？答案

【问题标题】：Facebook HTML5 Like Button on AJAX Pages?AJAX 页面上的 Facebook HTML5 Like 按钮？
【发布时间】：2013-11-04 12:24:45
【问题描述】：

我正在寻找一种方法来让 Facebook HTML5 Like 按钮在我的 Ajax 视图上工作。

在我的主页上，我调用：

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

在我看来，我已经包含了 Facebook-Meta-Tags（根据 OG-Debugger 正常工作）：

og:url / og:title / og:image / og:description / fb:app_id / fb:admins / og:type

在查看内容中，我有like按钮：

<div class="fb-like" data-href="http://www.example.de/view/<?php echo $viewslug; ?>" data-width="400" data-height="50" data-colorscheme="light" data-layout="standard" data-action="like" data-show-faces="false" data-send="false"></div>

按钮未在视图中呈现。

有人有解决办法吗？

我明确想要使用 HTML5 按钮，而不是 Iframe 或 XFBML 按钮？

【问题讨论】：

标签： jquery ajax facebook html facebook-like

【解决方案1】：

在查看之前答案提供的链接后，我找到了一个 Jquery 实现。

也许它可以帮助其他人：

https://developers.facebook.com/docs/javascript/howto/jquery/

更新：

刚刚发现 Socialite JS 是一种更好的方式（因为我也想使用 Google+ 和 Twitter）：

（http://socialitejs.com/ || https://github.com/tmort/Socialite）