jquery LOAD (ajax) 之后的 FB javascript SDK

Question

该脚本适用于

HTML HERE


window.fbAsyncInit = function() {
    FB.init({appId: 'XXXXXXXX', status: true, cookie: true, xfbml: true});
        console.log('in');
    FB.getLoginStatus(function(response) {
    console.log(response);
        if (response.session) {
            // logged in and connected user, someone you know
            code here
            }
        } else {
            // no user session available, someone you dont know
            code here
        }    
    });

};

HTML HERE

我最近想要 ajaxify 网站的同步请求， 当我创建一个 XMLHttpRequest 将其附加到页面上（使用 JQuery 的 ajax GET 请求的加载简写）时，javascript 方法 FB.getLoginStatus 不会被执行。

让我分享控制台结果：

synchronous:  in , response (object)
asynchronous: in

有人可以帮忙吗？

Answer 1

我遇到了同样的问题，就像 facebook 制作库的方式一样，你不能使用 FB.init({});所以我们必须找到一种方法来摧毁它并再次创造它！使用内置函数可能有更简单的方法，但这是一种肯定有效的方法。我已经这样做了，删除了整个 FB 对象，当我找到最佳解决方案时，我会回复！

更新
好的，就是这样，找到了解析新元素的内置函数
... 解决方案：

FB.XFBML.parse(document.getElementById('idOfElementContainingFBML'));

//您希望使用包含 xfbml 的最少生成的父元素以获得最佳性能，在 jQuery 加载的情况下，它将是这样使用的元素：

$('#result').load('ajax/test.html', function() {
   FB.XFBML.parse(document.getElementById('result'));
});