Facebook Javascript SDK响应回调未触发

时间:2013-11-12 18:36:31

标签: javascript facebook facebook-graph-api facebook-javascript-sdk

我正在使用Facebook Javascript SDK发布给用户Facebook墙。一旦发布,我想使用响应回调来显示/隐藏页面上的某些div。

我的问题是回调(响应)功能没有触发。我在控制台中没有出现任何错误,我也尝试使用Facebook的调试来调试我的代码。仍然没有快乐。这是我第一次使用Facebook Javascript SDK,所以(希望)我错过了一些非常简单的东西。

这是我的代码:

我在页面的顶部,在关闭正文标记之后:

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    // init the FB JS SDK
    FB.init({
      appId      : '647542748631249', // App ID from the App Dashboard
      status     : true, // check the login status upon init?
      xfbml      : true  // parse XFBML tags on this page?
    });   

  };

  // Load the SDK asynchronously
    (function(){
       // If we've already installed the SDK, we're done
       if (document.getElementById('facebook-jssdk')) {return;}

       // Get the first script element, which we'll use to find the parent node
       var firstScriptElement = document.getElementsByTagName('script')[0];

       // Create a new script element and set its id
       var facebookJS = document.createElement('script'); 
       facebookJS.id = 'facebook-jssdk';

       // Set the new script's source to the source of the Facebook JS SDK
       facebookJS.src = '//connect.facebook.net/en_US/all.js';

       // Insert the Facebook JS SDK into the DOM
       firstScriptElement.parentNode.insertBefore(facebookJS, firstScriptElement);
     }());
</script>

我的页面底部有以下代码:

    function shareToWall(){

    var obj =
      {
       method: 'feed',
       name: 'The 1001 Albums Quiz',
       caption: '',
       description: (
          'I scored '+numberOfChecked+' out of '+totalCheckboxes+' in the Great 1,001 Albums Quiz. Can you do better?'
       ),
       link: 'https://apps.facebook.com/albumsquiz/',
       picture: 'https://mydomain.co.uk/wp-content/themes/facebook1001/images/testimg.png'
      };
      function callback(response) {
        if(response && response.post_id) {
          console.log('Post was published.');
          jQuery('#quiz').hide();
          jQuery('#score').append(numberOfChecked);
          jQuery('#total').append(totalCheckboxes);
          jQuery('#results').show();
        } else {
            console.log('post not published');
        }
      } 
    FB.ui(obj, callback);
  }

点击页面上的按钮即可调用'shareToWall'功能。 Facebook对话框看起来很好。我可以成功发布到我的墙上。对话框关闭后没有任何反应 - 这是我需要响应回调才能触发的。

任何帮助都会受到极大的赞赏。我花了很长时间试图找到解决方案。

1 个答案:

答案 0 :(得分:0)

所以我会回答我自己的问题:

onclick="shareToWall();return false;"

'return false'解决了我的问题,现在回调成功了。