使用 Facebook“FB.Canvas.getPageInfo”； jQuery 函数内部

Question

我无法让 Facebook Javascript 函数在某些 jQuery 命令中工作...

这有效：

$("a#GetScrollTest").click( function() {
    FB.Canvas.getPageInfo(function(fbCanvasInfoObject) {
        var fbPosition = fbCanvasInfoObject.scrollTop;
        $("a#GetScrollTest").html("The scroll top value 
         is " + fbPosition + "px");
    });
    return false;
});

这不起作用（返回“未捕获的引用错误：FB 未定义”）：

$("a.scrollLink").each(function() {
    $(this).click(function(){
        FB.Canvas.getPageInfo(function(fbCanvasInfoObject) {
        var fbPosition = fbCanvasInfoObject.scrollTop;
        $(this).html("The scroll top value is " + fbPosition + "px");
        });
        return false;
    });
});

任何人都知道为什么 click 方法有效，但 . each() 方法没有吗？为什么它返回FB未定义？呼叫都在同一个地方。

Answer 1

以 window.fbAsyncInit 开头的大脚本块的全部要点是 Facebook SDK 异步加载。

即使您在 jQuery 文档就绪回调中调用了 FB，但这也不足以确保在执行该代码时加载 SDK。

幸运的是，window.fbAsyncInit 的存在正是为了这个目的：在 SDK 加载之前它不会运行。

来自 Facebook 文档：

一旦 SDK 运行，分配给 window.fbAsyncInit 的函数就会运行
已加载。加载 SDK 后要运行的任何代码
应放置在该函数内并在调用 FB.init 之后。
例如，您可以在此处测试登录状态
用户或订阅您的应用程序所在的任何 Facebook 活动
有兴趣。

只需将您的 $("a.scrollLink").each(function() 移至 fbAsynchInit 函数中，一切都会很高兴。