Facebook分享按钮未显示在mozilla Firefox上

Question

在我的客户端网站上正如我在调试模式中看到的那样Facebook分享按钮在那里，但屏幕上没有显示这里是我的客户网站：

https://headtalker.com/campaigns/just添加drumcorps-2 /

点击邀请朋友链接。

请帮助我解决其严重困惑的问题。非常感谢。

Answer 1

在任何浏览器中，我都没有显示分享按钮。

我认为这是由您网页上的Javascript错误引起的：

Uncaught ReferenceError: $ is not defined line 22 optimizeiframes.js:3 Uncaught TypeError: Cannot read property 'appendChild' of null

您很可能需要包含jquery。尝试将它放在html文件的顶部附近（最好是在头部）：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

我不确定要尝试做什么的optimizeiframes，但这可能会解决它。当Javascript在页面上出错时，可能会出现各种问题。在Chrome中，请按F12查看控制台中的错误。

Answer 2

您好@Abhi，如果在firefox中未显示Facebook按钮，请与firefox的“网络开发人员”进行审查，如果此按钮包含宽度和高度，则按钮的宽度和高度可能为0。

在这种情况下，您可以添加新的CSS并应用新的大小。

示例：

.fb_iframe_widget span {
display: contents !important;
}

.fb-share-button.fb_iframe_widget iframe {
  width:100px !important;
  height: 25px !important;
}