Question

尝试使用Facebook JS SDK时，我一直遇到错误FB undefined。当我通过IE上的JavaScript调试器观察它时，它在页面加载期间正确运行，然后在结束时它只是未定义且没有订阅的事件。目标：使页面选项卡刷新最顶层的页面，以超越扇形门。

关于我在这里缺少什么的想法？

代码：

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

  window.fbAsyncInit = function(){

 FB.init({

 appId : 'APP CODE INSERTED HERE',

 status : true, // check login status

 cookie : true, // enable cookies to allow the server to access the session

 xfbml : true, // parse XFBML

 channelUrl : 'URL to Channel .ASPX'

 });


 // Additional initialization code here

     FB.Event.subscribe('edge.create',

     function(response){

    top.location.href = 'Page to refreshed inserted here';
     });

 };

(function(d) 
{
var js, id = 'facebook-jssdk'; 
if (d.getElementById(id)) {return;}
 js = d.createElement('script'); js.id = id; js.async = true;

 js.src = "//connect.facebook.net/en_US/all.js";

 d.getElementsByTagName('head')[0].appendChild(js);

 }(document)
);

</script>

Answer 1

您异步加载SDK的JavaScript与当前显示的Facebook SDK文档不匹配。见下文：

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

加载SDK的两个JavaScript块非常相似。您的JavaScript使用：

d.getElementsByTagName('head')[0].appendChild(js);

加载SDK。 FB记录的最新版本使用：

ref = d.getElementsByTagName('script')[0];
ref.parentNode.insertBefore(js, ref);

您的版本添加了源引用，以通过附加到HEAD HTML标记来加载FB JavaScript。最新版本通过查找第一个SCRIPT引用并在该引用之前插入FB引用来实现此目的。

也许您的问题是由这两种方法之间的微妙差异引起的。

排除这种情况的一种方法是通过将以下HTML放入页面的标题中来暂时硬编码FB JavaScript的加载：

<head>
<script type="text/javascript" src="http://connect.facebook.net/en_us/all.js"></script>
.
.
.
</head>

Facebook Javascript SDK FB未定义

1 个答案: