1

我想在用户单击我的 index.html 页面上的链接后初始化 facebook javascript sdk 并检查登录状态。由于某种原因,这行不通。jQuery 正在工作,当我单独测试初始化​​代码时它可以工作,但是当我把它放在一起时它停止工作。知道为什么吗?

这是我的 index.html 页面:

<!DOCTYPE html>
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

</head>
<body>
<div id="fb-root"></div>
<script>

// 这个jquery应该触发init进程

$('document').ready(function(){
          $('a').click(function(){
             alert("this works");

  // Additional JS functions here
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '39672*******', // App ID
      channelUrl : '//http://spilot.koding.com/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
    });

    // get login status
FB.getLoginStatus(function(response) {
  if (response.status === 'connected') {
    // connected: redirect to start scene page
    alert("testing");
  } else if (response.status === 'not_authorized') {
    // not_authorized
    login();
  } else {
    // not_logged_in
    login();
  }
 });
  };

  // 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));

//显示登录框

   function login() {
    FB.login(function(response) {
        if (response.authResponse) {
            // connected
            alert("connected");
        } else {
            // cancelled
        }
    });
}
});
});


</script>





<div id="findScene"><a href=""><h1>Find</h1></a></div>
<div id="startScene"><a href=""><h1>Host</h1></a></div> 
</body>

</html>
4

1 回答 1

2

JS SDK 是异步加载的——它可能在整个页面/其余资源之前完成。

所以传递一个函数window.fbAsyncInit可能已经太晚了——因为你只在$('document').ready触发时才这样做。

将处理程序函数分配给window.fbAsyncInit您的$('document').ready函数之外。

于 2013-03-06T18:30:09.347 回答