javascript - Handlebars 脚本中的 Facebook 评论插件

Question

我想在我的 WordPress 页面上使用 Facebook 评论框，其中使用“handlebars js”，它通过页面上的脚本动态加载我的 HTML 内容。

当我添加 Facebook html 代码时:

<div class="fb-comments" data-href="http://mysite/mypage/" data-numposts="5" data-colorscheme="light"></div>

在页面上的任何地方它都可以正常工作，但是当我在 Handlebars 脚本中使用它时，它就不行了(除了 20 次中有 1 次!)。

我尝试将 Facebook JS SDK 更改为异步加载，因为我怀疑问题与我的脚本加载顺序有关，但仍然没有成功。

Answer 1

您需要使用 FB.XFBML.parse 解析插件将 Handelbars 内容附加到 DOM 后。顺便说一句，这是另一个主题，但您应该始终异步加载 JS SDK，并确保在使用 FB.XFBML.parse 之前加载它。

确保在将模板内容附加到 DOM 后调用解析函数。