加載Facebook評論點擊後顯示評論

-1

我在我的應用程序中使用Facebook註釋插件。當頁面被訪問時，它減慢了一些頁面加載。加載Facebook評論點擊後顯示評論

我如何添加一個按鈕稱爲顯示評論和只點擊按鈕render的Facebook評論插件後。

這是我迄今爲止

<div class="fb-comments" data-href="https://developers.facebook.com/docs/plugins/comments#configurator" data-numposts="5"></div> 

<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.7&appId=<APP_ID>"; 
     fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk')); 


</script>

來源

2016-09-13 Rubioli

你應該包括代碼演示到目前爲止你已經嘗試過的東西，否則用戶可能會降低這篇文章的內容，因爲它似乎是在要求他們爲您編碼。 :) –

您可以使用自定義函數

<button onClick="showComments();">show comments</button> 


<div class="fb-comments" data-href="https://developers.facebook.com/docs/plugins/comments#configurator" data-numposts="5"></div> 

<div id="fb-root"></div> 
<script> 
    function showComments() { // Custom function called on click 
    (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.7&appId=<APP_ID>"; 
     fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk')); 
    } 

</script>

來源

2016-09-13 12:18:57

謝謝。只是一個問題。我也有同一頁上的Facebook分享按鈕。這將我的分享按鈕不工作，直到Facebook的SDK加載？ – Rubioli

如果你想通過'share'按鈕獲得這個工作，一個簡單的解決方法就是將這個和'HTML' Facebook共享按鈕一起使用，像這樣：'Facebook'。您可以將自定義樣式添加到按鈕。其他的解決方案可以是簡單地隱藏'div'的註釋並點擊按鈕顯示它。兩者都應該在理論上工作，我沒有嘗試過。 –

加載Facebook評論點擊後顯示評論

回答

相關問題