Javascript 点击“显示评论”后加载Facebook评论

我在应用程序中使用Facebook评论插件。当页面被访问时，它会将页面加载速度降低一些

如何在单击按钮

render

Facebook评论插件后添加名为Show comments和only的按钮

这就是我目前所拥有的

<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>

（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；
js.id=id；
js.src=“//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.7&appId=“；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；

您可以使用自定义功能

<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>

显示注释
函数showComments（）{//单击时调用的自定义函数
（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；
js.id=id；
js.src=“//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.7&appId=“；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；
}

谢谢。只有一个问题。我在同一页上也有facebook共享按钮。在加载facebook sdk之前，这个“我的共享”按钮会不会不起作用？如果你想使用

share

按钮，一个简单的解决方法是将它与

HTML

facebook共享按钮一起使用，就像这样：

。您可以向按钮添加自定义样式。另一种解决方案是只需隐藏注释

div

，然后单击按钮即可显示。从理论上讲，这两种方法都应该有效，因为我还没有尝试过。你应该包含代码来演示你到目前为止所做的尝试，否则用户可能会对这篇文章投反对票，因为你似乎要求他们为你编码。：）