Question

这是我的Facebook连接代码：

<script>
jQuery(document).ready(function($){
    $(".fb-login-button").live('click', function() {
      console.log('click');
      fbEnsureInit(function() {
        console.log('EnsureInit');
        FB.login(function(response) {
          console.log('FB.login');
          // redirect will be done
        }, {scope: 'email'});
      });
  });
});

window.fbAsyncInit = function() {
  FB.init({
    appId      : '105224616211361', // App ID
    /*channelUrl : '///channel.html', // Channel File // We don't do not to get caching problems with the laguage!*/
    status     : true, // check login status
    cookie     : true, // enable cookies to allow the server to access the session
    oauth      : true, // enable OAuth 2.0
    xfbml      : true  // parse XFBML
  });
  // Additional initialization code here
  fbApiInitialized = true;

  // whenever the user logs in, we refresh the page
  FB.Event.subscribe('auth.login', function(response) {
    try {
      if (response.status == 'connected') {
      console.log('connected');
      $.ajax({
        type: "POST",
        url: "/?eID=login&modus=facebook&fb-login=1",
        data: $(this).serialize(),
        success: function(msg) {
          console.log("LOGIN");
          window.location.reload();
        }
      })             
    } else {
      console.log('not connected');
      window.location.reload();
    }
  } catch(err) {
    window.location.reload();
   }
});
};

/**
 * Make sure that the FB is initialized!
 */
function fbEnsureInit(callback) {
  if (!window.fbApiInitialized) {
    setTimeout(function() { fbEnsureInit(callback); }, 50);
  } else {
    if (callback) { callback(); }
  }
}

/**
 * Load the JS SDK directly from Facebook
 */
(function() {
    var e = document.createElement('script'); e.async = true;
      e.src = document.location.protocol +
      '//connect.facebook.net/de_DE/all.js';
      document.getElementById('fb-root').appendChild(e);
    }());

</script>

SDK已加载。我可以看到FB-按钮，当我点击它时，代码工作直到

console.log('FB.login');

FB-Popup弹出，没有任何反应......这应该是：

  FB.Event.subscribe('auth.login', function(response) {

应该被调用...但它没有...任何人都可以帮我解决这个问题吗？

感谢。

修改

我刚刚注意到，只有当我已经登录Facebook时才会发生这种情况。如果我没有登录，登录弹出窗口会弹出两次（！），我可以登录Facebook并调用函数FB.Event.Subscribe。

那么如何查看用户是否已登录Facebook并连接到我的应用程序？

为什么Popup会调用两次？

Answer 1

如果要检查用户是否已连接到您的应用程序，则需要使用FB.getLoginStatus。

登录弹出窗口被触发两次，因为FB按钮也有登录功能。删除对$(".fb-login-button").live的ajax调用并修改您的登录按钮：

<div class="fb-login-button" scope="email" data-show-faces="true" data-width="200" data-max-rows="1"></div>

永远不会调用FB.Event.subscribe

1 个答案: