Реализация Facebook Connect - кнопки входа/выхода из системы

Question

Первый раз, когда я использовал Facebook для входа в систему, и я не могу заставить его работать правильно.

Я реализую SDK для Javascript для Facebook, и то, что я сделал, - это разместить код js, указанный в руководстве Facebooks, в отдельном js-файле, чтобы файл index.html не стал грязным, что, кажется, работает хорошо.

Однако, у меня есть две проблемы, мне нужна помощь с:

1. код, приведенный ниже, который активизирует вход() и выход из системы() функции (в зависимости, если пользователь вошел в систему или нет) дает мне уродливую общую кнопку. Я хочу собственную кнопку Facebook. Как я могу это использовать?

2. Когда вы выходите из системы и нажимая кнопку входа в систему, всплывающее окно входа в систему открывается два раза вместо одного. Причиной этого является то, что файл js (facebook.js) get загружается два раза (по какой-то причине), что означает, что событие click привязано дважды. Как я могу предотвратить это?

Мне нужно было написать код ниже, потому что я не мог найти что-либо в руководстве по этому поводу. Если есть, где я могу его найти?

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

Текст кнопки и функциональные возможности автоматически переключаются на «Выход» при подключении пользователя и наоборот.