javascript - 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 文件动态加载。

这里我还使用了上面的脚本和Div共享按钮。但它不与ajax加载的文件一起显示。

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

Answer 1

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