#xfbml=1 导致问题

Question

我的网站上有两种不同的机制，使用 xfbml 和 fbjs：

• FB:Like 标签，用于单个条目
• FB 对象，用于使用 fb connect 进行 facebook 登录

我的问题是，当我在页面上包含“all.js”时，登录脚本可以工作但 fb:like 标签不起作用。

当我包含“all.js#xfbml=1”时，fb:like 标记再次工作，但现在我的 FB 对象未定义，并且我的登录代码不起作用。

我有什么遗漏的吗？

预先感谢您可以提供的任何帮助。

Answer 1

您只需包含一次脚本引用，并在加载页面时对脚本调用 init 即可。您可以将其用于 fb:like 按钮或登录脚本。

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
  FB.init({
    appId  : 'YOUR APP ID',
    status : true, // check login status
    cookie : true, // enable cookies to allow the server to access the session
    xfbml  : true  // parse XFBML
  });
</script>

关键是将 xfbml 设置为 true（这就是 #xfbml=1 的作用）。如果您没有该设置，则类似按钮将不会呈现。

如果您想订阅登录事件，只需在 FB.init() 调用后添加以下脚本：

  FB.Event.subscribe('auth.login', function(response) {
    window.location.reload(); // or something else...
  });

这里是您的登录脚本，仅当用户单击链接、按钮等时才会触发。

function doLogin() {
   FB.login(function(response) {
     if (response.session) {
       if (response.perms) {
         // user is logged in and granted some permissions.
         // perms is a comma separated list of granted permissions
       } else {
         // user is logged in, but did not grant any permissions
       }
     } else {
       // user is not logged in
     }
   }, {perms:'read_stream,publish_stream,offline_access'});
}

Answer 2

将此 xmlns 添加到您的 html 标记中

xmlns:fb="http://www.facebook.com/2008/fbml"

并包含“all.js”