0

第一次为我实现 Facebook 登录，但我无法让它正常工作。

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

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

  1. 下面的代码触发了 login() 和 logout() 函数（取决于用户是否登录）给了我一个丑陋的通用按钮。我想要 Facebook 自己的按钮。我该如何使用它？

  2. 注销并单击登录按钮时，登录弹出窗口会打开两次而不是一次。这样做的原因是 js 文件（facebook.js）被加载了两次，（由于某种原因）这意味着点击事件被绑定了两次。我该如何防止这种情况发生？

我需要在自己下面编写代码，因为我在 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();

提前致谢！

4

1 回答 1

2

使用 Facebook 自己的登录按钮将解决您的问题。

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

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

于 2013-02-20T13:45:29.740 回答