Facebook Connect login box

Question

У меня проблема с моим кодом, который предназначен для создания всплывающего окна входа в Facebook. В приведенном ниже коде, если я включаю событие click в мой документ, он запускает создание 2 всплывающих окон, но если я оставлю его за пределами документа, то он не сможет создать всплывающее окно. Может кто-нибудь посоветовать?

<script type="text/javascript"> 

      $(document).ready(function() { 

       window.FB.init({ appId: 'xxx', status: true, cookie: true, xfbml: true }); 

      }); 

      $('#fbLogin').click(function() { 
       window.FB.login(function (response) { 
        if (response.status == 'connected') { 
         window.location.href = 'redirecturl'; 
        } 
       }, { perms: 'email' }); 
      }); 

     </script> 
     <fb:login-button autologoutlink="false" perms="email" id="fbLogin"> 

     </fb:login-button> 

Answer 1

• Нажатие на fb:login-button будет расти диалоговое окно входа в систему.
• Ваше связывание на #fblogin откроется второе диалоговое

Вы должны выбрать один из fb:login-button или FB.login не оба.

Если вам нужна страница, перенаправленная после входа пользователя в систему, просто удалите FB.login, позвоните и оформите подписку (FB.Event.subscribe) на номер auth.statusChange, чтобы проверить статус входа в систему.

FB.Event.subscribe('auth.statusChange', function(response){ 
    if (response.status == 'connected') { 
    window.location.href = 'redirecturl'; 
    } 
});