fb 共享按钮未与 ajax 文件一起显示

Question

我在我的网页中使用了以下脚本

在正文标签中，我使用了以下代码

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

在我的博客列表中，我在每个博客中都使用了以下内容：

<div class="fb-share-button" data-href="http://test.com" data-layout="button"></div> 

它的显示很好。在滚动 10 个博客后，剩余的数据将使用 ajax 文件动态加载。

这里我也使用了上面的script 和Div share button. 但它不会与 ajax 加载的文件一起显示。

我用谷歌搜索了很多，但找不到正确的解决方案。请帮我解决这个问题。

Answer 1

在ajax之后，调用函数FB.XFBML.parse(); 强制刷新/渲染 FB 共享按钮