FB.ui没有回调

Question

我无法让Facebook UI回调运行。 我使用了FB开发人员站点中的示例：

https://developers.facebook.com/docs/reference/dialogs/feed/

FB.init({appId: "YOUR_APP_ID", status: true, cookie: true});

function postToFeed() {

    // calling the API ...
    var obj = {
      method: 'feed',
      redirect_uri: 'YOUR URL HERE',
      link: 'https://developers.facebook.com/docs/reference/dialogs/',
      picture: 'http://fbrell.com/f8.jpg',
      name: 'Facebook Dialogs',
      caption: 'Reference Documentation',
      description: 'Using Dialogs to interact with users.'
    };

    function callback(response) {
      document.getElementById('msg').innerHTML = "Post ID: " + response['post_id'];
    }

    FB.ui(obj, callback);
}

当我在我的网站上运行它时，我得不到回叫https://www.ipassexam.com/page/fb-test

任何见解将不胜感激。

Answer 1

摆脱redirect_uri参数。 这对我来说每次都适用：

FB.ui({
    method: 'feed',  
    link: "http://...",
    name: "Some Title",
    caption: "Some Caption",
    description: "Some Description",
    picture: "http://..."
}, function(response) {
    if (response && response.post_id) {
        alert('Post was published.');
    } else {
        alert('Post was not published.');
    }
});

还要确保控制台中没有错误。 但是我还是没有看到任何错误。

Answer 2

花了2个小时来解决问题和解决方案，提到显示属性（在我的情况下弹出）。

function postToFeed() {

// calling the API ...
var obj = {
  method: 'feed',
  **display: 'popup',**
  link: 'https://developers.facebook.com/docs/reference/dialogs/',
  picture: 'http://fbrell.com/f8.jpg',
  name: 'Facebook Dialogs',
  caption: 'Reference Documentation',
  description: 'Using Dialogs to interact with users.'
};

function callback(response) {
  document.getElementById('msg').innerHTML = "Post ID: " + response['post_id'];
}

FB.ui(obj, callback);

}

提示：如果显式指定为弹出窗口，则redirect_uri不是必需的。

Answer 3

尝试通过请求将显示属性设置为“弹出”，如下所示：

FB.ui({
    method: 'feed',  
    link: "http://...",
    name: "Some Title",
    caption: "Some Caption",
    description: "Some Description",
    display: "popup",
    picture: "http://..."
}, function(response) {
    if (response && response.post_id) {
        alert('Post was published.');
    } else {
        alert('Post was not published.');
    }
});

当我尝试使用feed方法发布时，我在FB画布页面中遇到了这个问题，我总是得到“未定义”的响应。 我已经尝试了上述属性，现在可以正常工作了。

Answer 4

也许你应该尝试使用匿名函数作为回调 -

FB.ui(obj, function(response) {
  document.getElementById('msg').innerHTML = "Post ID: " + response['post_id'];
});

Answer 5

尝试在FB.init之前添加它

window.fbAsyncInit = function() { //put FB.init here }

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

这样它就会变成这样

window.fbAsyncInit = function() {
 FB.init({appId: "YOUR_APPID", status: true, cookie: true});
};

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

Answer 6

这可能不是你的情况，但我正在寻找类似行为差不多一周的原因，最后我发现FB.ui试图创建iframe以显示在页面上，因为这是在div下创建这个iframe id = fb-root。 不幸的是，这个div在另一个div中，我自己也看不见了！ 所以 - 长话短说 - 检查你是否有id = fb-root的div以及这个div是否可见