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

Question

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

我正在实施Facebook Javascript SDK，而我所做的是将js代码提供在Facebook指南中的单独的js文件中，以防止我的index.html文件变得凌乱，这似乎工作精细。

不过，我有两个问题，我需要帮助：

1. 下面的代码，从而启动登录（）和注销（）函数（具体取决于该用户登录或没有）给我一个丑陋的通用按钮。我想要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(); 

在此先感谢！

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"> 

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