[英]Load Facebook comment after click on show comments
I use Facebook comments plugin in my application. 我在应用程序中使用Facebook评论插件。 When page is visited, it slows down page load by some.
当页面被访问时,它会减慢页面加载速度。
How can I add a button called Show comments and only after click on button render
Facebook comments plugin. 如何添加一个名为“ 显示评论”的按钮,并且仅在单击按钮后才可以
render
Facebook评论插件。
This is what I have so far 这就是我到目前为止
<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>
You can use a custom function 您可以使用自定义功能
<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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.