2012-05-07 9 views
0

페이스 북 연결 로그인 팝업을 만들려는 코드에 문제가 있습니다. 아래 코드에서 내 문서에 클릭 이벤트가 준비되어 있으면 팝업 2 개가 생성되지만 문서 외부에두면 팝업이 나타나지 않습니다. 아무도 조언 할 수 있습니까? fb:login-button페이스 북 연결 로그인 상자

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

답변

0
  • 을 클릭하면 로그인 대화 상자가 상승 할 것이다.
  • #fblogin에 바인딩 당신은 fb:login-button 또는 FB.login 중 하나가 아닌 모두를 선택해야 대화

초 열 것이다.

사용자가 로그인 한 후에 페이지가 리디렉션되어야하는 경우 FB.login 전화를 제거하고 auth.statusChange 이벤트에 가입 (FB.Event.subscribe)하여 로그인 상태를 확인하십시오.

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

이것은 필요한 리디렉션을 수행하지 않습니다. 내 원래 window.FB.login 코드 블록을 FB.Event.subscribe로 바꾼 것을 제외하면 내 코드는 동일합니다. 로그인했지만 리디렉션하지 않습니다. – user517406

+0

좋아요, 클릭 이벤트를 document.ready로 옮긴 후 작동하도록했습니다 ... 감사합니다! – user517406