Question

第一次为我执行Facebook登录，我无法让它正常工作。

我正在实施Facebook Javascript SDK，我所做的是将Facebooks指南中提供的js代码放在一个单独的js文件中，以防止我的index.html文件变得混乱，这似乎工作正常

但是，我有两个需要帮助的问题：

下面的代码触发了login（）和logout（）函数（取决于用户是否登录），这给了我一个丑陋的通用按钮。我想要Facebook自己的按钮。我该怎么用？
当注销并单击登录按钮时，登录弹出窗口会打开两次而不是一次。原因是js文件（facebook.js）被加载两次（由于某种原因），这意味着click事件被绑定两次。我该如何防止这种情况发生？

我需要自己编写下面的代码，因为我在Facebook的指南中找不到任何相关内容。如果有，我在哪里可以找到它？

function showLoginButton() {
      $('#FBButton').html('Log in Facebook');
      $('#FBButton').on('click', function(){
          login();
      });
    }

function showLogoutButton() {
  $('#FBButton').html('Log out Facebook');
  $('#FBButton').on('click', function(){
      logout();
  });
}

showLoginButton();
showLogoutButton();

提前致谢！

Answer 1

使用Facebook自己的login button将解决您的问题。

<div class="fb-login-button" autologoutlink="true" data-show-faces="true" data-width="200"
        data-max-rows="2" size="medium">

当用户连接时，按钮的文本和功能将自动变为“注销”，反之亦然。

Facebook Connect的实现 - 登录/注销按钮

1 个答案: