facebook分享对话框在新标签中打开，而不是在弹出窗口中答案

【问题标题】：facebook share dialog opening in new tab, not in a popupfacebook分享对话框在新标签中打开，而不是在弹出窗口中
【发布时间】：2014-09-20 06:27:52
【问题描述】：

我正在尝试将 Facebook“分享”对话框与 SDK 集成，并在正文标记的开头包含以下内容：

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

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

然后，作为测试链接我有：

<a href="https://www.facebook.com/dialog/share?app_id=145634995501895&display=popup&href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2F&redirect_uri=https://developers.facebook.com/tools/explorer
">Test Facebook Link</a>

问题是它在一个新选项卡中打开，而它实际上应该在“对话框”窗口中打开。我做错了什么？

【问题讨论】：

标签： html facebook dialog share

【解决方案1】：

你想要的：

<div class="fb-like" data-layout="box_count" data-action="like" data-show-faces="true" data-share="true" data-width="59" data-href="https://www.mysite.com/my-awesome-page"></div>

或

<div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count"></div>

参考：https://developers.facebook.com/docs/plugins/share-button/

Facebook JavaScript 基本上将其替换为它自己的 HTML

【讨论】：

有什么方法可以在新窗口中打开吗？