自定义 Facebook 分享按钮
Saf*_*zly 0 html javascript css facebook facebook-javascript-sdk
我试图制作一个 facebook 分享按钮，当我点击它时会弹出一个小窗口，就像附加的图片一样。
我在 developer.facebook.com 上找到了这样做的方法，但问题是我根本无法自定义该按钮，我想制作自己的具有特定宽度、高度、背景图像、文本等的按钮。但看起来这无法完成，对包含共享按钮的 div 类的任何更改都会禁用其功能或至少不会弹出。我用谷歌搜索了这个问题，但找不到任何明确的解决方案，甚至 StackOverflow 上的类似问题也没有清楚地说明问题，也没有答案。
有没有使用 Javascript、Jquery 甚至引导程序来做到这一点？这是我的代码：
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src='http://connect.facebook.net/en_US/all.js'></script>
</head>
<body>
<div id="fb-root"></div>
<script>
(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#xfbml=1&version=v2.9";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-size="large" data-mobile-iframe="true">
<a class="fb-xfbml-parse-ignore" title="Facebook share" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&src=sdkpreparse">Share</a>
</div>
</body>
</html>
我喜欢它，它很简单，我在这里找到了解决方案
我只需要onclick使用一些代码制作一个具有事件的 div，如下所示：
<div><img src="fbicon.PNG" alt="Share on Facebook" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent('https://developers.facebook.com/docs/plugins/'),'facebook-share-dialog','width=626,height=436'); return false;" /></div>