3

私のウェブサイトにこのコードがあります。Facebookのログインダイアログは、ユーザーがアンカータグをクリックしたときではなく、ページが読み込まれたときに表示されます。

<script>
  // Additional JS functions here
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'xxxxxxxxxxxxxx', // App ID
      channelUrl : '//192.168.1.127/test/channel.html', // Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });

    // Additional init code here
    FB.getLoginStatus(function(response) {
      if (response.status === 'connected') {
        // connected
      } else if (response.status === 'not_authorized') {
        // not_authorized
        login();
      } else {
        // not_logged_in
       login();
      }
    });
  };

  function login() {
    FB.login(function(response) {
      if (response.authResponse) {
        testAPI() ;
      } else {
        // cancelled
      }
    });
  }

  function testAPI() {
    console.log('Welcome!  Fetching your information.... ');
    FB.api('/me', function(response) {
      console.log('Good to see you, ' + response.name + '.');
    });
  }

  // Load the SDK Asynchronously
  (function(d){
    var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
    if (d.getElementById(id)) {return;}
      js = d.createElement('script'); js.id = id; js.async = true;
      js.src = "//connect.facebook.net/en_US/all.js";
      ref.parentNode.insertBefore(js, ref);
  }(document));
</script>

FB.getLoginStatusユーザーがこれをクリックするたびにイベントが発生するようにしたい：

<a href = "#" onClick = "FB.getLoginStatus()">Login</a>

しかし、今は何もせずにロードされています。

提案？

4

1 に答える 1

8

さて、ここに簡単な解決策があります-呼び出しを別の関数でラップしFB.getLoginStatus、ボタンでその関数を呼び出します。

function doLogin(){
  FB.getLoginStatus(function(response) {
    ...
  };
}

次にonClick、ボタンのをに変更できますdoLogin()。

基本的に、ここで起こっていたのは、Facebook SDKが読み込まれるとすぐに、コードwindow.fbAsyncInitを含む関数が呼び出されるFB.getLoginStatusため、SDKの準備ができるとすぐに、ログインコードが実行されていたということです。

于 2012-11-22T08:01:46.900 に答える