在同一页面中多次添加 facebook 插件

Question

我有一个 joomla 模块，当我在同一页面中多次放置该模块以显示不同的 facebook 插件（评论，喜欢，活动提要..）相同的以下 javascript sdk 代码多次添加到页面中 -

<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_GB/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

它有时会产生问题，插件根本没有显示，我必须刷新页面才能看到。有没有办法一次添加这些代码？我可以将它放在外部脚本文件中，但我必须根据 php 代码的模块设置将语言字符串“en_GB”动态更改为任何其他语言，所以它不可能。请帮助我还没有解决方案。 如果我可以使用这些 dec：

<script src="http://connect.facebook.net/en_US/all.js"></script> 

然后问题解决了，但是这个正确的 url 插件是否可以在没有上述 sdk 代码的情况下完美运行？

Answer 1

我可以将它放在外部脚本文件中，但我必须根据 php 代码的模块设置将语言字符串“en_GB”动态更改为任何其他语言，因此这是不可能的。

为什么不先将你需要的语言标识符作为 JavaScript 变量输出，然后相应地修改嵌入脚本的行：

<script>var languageToUseForFBScript = "en_GB";</script>


// in external script, embedded after above line:
(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/" + languageToUseForFBScript + "/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));