多次启动 facebook like script

Question

我在 tumblr 上使用无限滚动，在运行时加载的元素内部，我有一个类似 facebook 的按钮。我第一次调用脚本时一切正常，但是，似乎我不能多次加载它，因此滚动时创建的元素不会有一个工作的 facebook 按钮，因为加载脚本时不存在。如果我在加载更多内容后执行此操作，则不会发生任何事情。

查看脚本（http://connect.facebook.net/en_GB/all.js），该脚本似乎每页只运行一次，有什么办法解决这个问题吗？

我的代码：

var js, fjs = d.getElementsByTagName(s)[0];   
js = d.createElement(s); js.id = id;
js.async=true;  
js.src = "http://connect.facebook.net/en_GB/all.js#xfbml=1&appId=484534104905547";
fjs.parentNode.insertBefore(js, fjs);

Answer 1

这里有一个简单的解决方案。 JavaScript SDK 为我们提供了一个名为 FB.XFBML.parse 的函数。

FB.XFBML.parse - 此函数在运行中解析和呈现文档中的 XFBML 标记...

调用无限滚动函数并加载更多数据后，只需再次调用此函数即可呈现新插件。

要重新解析整个页面，你可以直接调用这个函数 -

  FB.XFBML.parse();

如果要解析页面上的特定元素，可以将其传递给函数-

  FB.XFBML.parse(document.getElementById('foo'));

---

参考-

• Facebook JavaScript SDK
• FB.XFBML.parse