javascript - 仅在单击 fb.share 按钮后调用 FB.ui

Question

我想要实现的是:

我有一个简单的 Facebook 分享按钮，取自 Facebook 开发人员。站点:

<div class="fb-share-button" data-layout="button_count"></div>

现在我在开始正文标记之前添加了同样取自 facebook 的 facebook 应用程序代码:

<script>
window.fbAsyncInit = function() {
FB.init({
  appId      : 'XXXXXXXXXXXXXXXX',
  xfbml      : true,
  version    : 'v2.2'
});
};

(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.net/en_US/sdk.js";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

现在我在 facebook 分享按钮下方添加了这个 FB.ui 脚本:

FB.ui(
{
method: 'share',
href: document.URL,
},
function(response) {
if (response && !response.error_code) {
  alert('Posting completed.');
} else {
  alert('Error while posting.');
}
}
);

目前的问题是，一旦页面加载，facebook 共享就会自动触发，并且一切正常，但是，我想要的是 facebook 共享仅在以下情况下出现(并且 FB.ui 工作)用户按下 Facebook 共享按钮，但不会自动按下。有人可以帮我解决这个问题吗？

Answer 1

当您使用 jQuery 单击具有 fb-share-button 类的按钮时，可以运行 FB.ui 代码:

$(".fb-share-button').click(function(){
    //here goes the FB.ui function
    FB.ui(
    {
        method: 'share',
        href: document.URL,
    },
    function(response) {
        if (response && !response.error_code) {
          alert('Posting completed.');
        } else {
          alert('Error while posting.');
        }
    });
});