FB.UI 对话框未出现在 django 应用程序中

Question

我正在尝试在 facebook 上分享帖子：

<div id="shareBtn" class="btn btn-success clearfix">Share Dialog</div>

<p>The Share Dialog enables you to share links to a person's profile without them having to use Facebook Login. <a href="https://developers.facebook.com/docs/sharing/reference/share-dialog">Read our Share Dialog guide</a> to learn more about how it works.</p>

<script>
document.getElementById('shareBtn').onclick = function() {
  FB.ui({
    display: 'popup',
    method: 'share',
    href: 'https://developers.facebook.com/docs/',
  }, function(response){});
}
</script>

我想知道缺少什么，因为我的应用程序没有获得共享对话框。

这是我发现的控制台错误：

(index):292 Uncaught ReferenceError: FB is not defined
    at HTMLDivElement.document.getElementById.onclick ((index):292)

Answer 1

您必须加载 JavaScript SDK：

window.fbAsyncInit = function() {
    //SDK loaded, initialize it
    FB.init({
        appId      : 'your-app-id',
        xfbml      : true,
        version    : 'v2.10'
    });

    //now FB is available
};

//load the JavaScript SDK
(function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.com/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

更多信息：

• https://developers.facebook.com/docs/javascript/quickstart/
• http://www.devils-heaven.com/facebook-javascript-sdk-login/