Facebook分享按鈕未顯示在Mozilla FireFox上

Question

在我的客戶網站上正如我在調試模式下看到的，Facebook共享按鈕在那里，但未顯示在屏幕上，這是我的客戶網站：

https://headtalker.com/campaigns/只需添加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>

我不確定Optimiziframes打算做什么，但這可能會解決它。 當頁面上出現Javascript錯誤時，可能會出現各種問題。 在Chrome瀏覽器中，請嘗試按F12鍵在控制台中查看錯誤。

Answer 2

@Abhi，您好，如果在firefox中未顯示Facebook按鈕，請與firefox的“ Web開發人員”進行審查，如果此按鈕包含寬度和高度，則按鈕的寬度和高度可能為0。

在這種情況下，您可以添加新的CSS並應用新的大小。

例：

.fb_iframe_widget span {
display: contents !important;
}

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