javascript - WordPress 网站上的自定义共享按钮 - 无法正确打开新窗口

Question

我一直在网上搜索为我的 WordPress 网站帖子制作自定义共享按钮的方法。

1 - 所以我有自己的图像“共享”文件。 2 - 将此代码粘贴到标签中:

<script>
      window.fbAsyncInit = function() {
        FB.init({
          appId      : 'myNumber',
          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'));


      $('.btnShare').click(function(){
        elem = $(this);
        postToFeed(elem.data('title'), elem.data('desc'), elem.prop('href'), elem.data('image'));

        return false;
        });
    </script>

3 - 在我的 single.php 页面上我添加了这一行:

<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&amp;t=<?php the_title(); ?>" title="Share on Facebook." target="_blank">SHARE</a>

问题在于它打开的是一个普通窗口，而不是 facebook 通常具有的常规小弹出窗口。

有人可以帮我解决这个问题吗？ 如果您有任何好的教程如何轻松添加自定义 Facebook 按钮，我将很乐意从头开始。 (请不要安装 WordPress 插件..)

TNX， 哈齐尔666。

Answer 1

试试这个:

<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&t=<?php the_title(); ?>" title="Share on Facebook." onclick="window.open(this.href, 'newwin', 'width=200, height=100'); return false;" >SHARE</a>

在选项中修改宽度、高度、滚动条等