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

按鈕的文本和功能自動變爲「登出」時用戶連接，反之亦然。