试图添加Facebook的喜欢按钮，在我的网站

问题描述：

下面的脚本将立即下载Facebook的SDK来生成代码来创建类似按钮试图添加Facebook的喜欢按钮，在我的网站

(function() { 
      var scrFaceBook = document.createElement('script'); 
      scrFaceBook.type = 'text/javascript'; 
      scrFaceBook.src = document.location.protocol +       '//connect.facebook.net/en_US/all.js'; 
      scrFaceBook.async = true; 
      document.getElementById('fb-root').appendChild(scrFaceBook); 
     })(); 

<div class="fb-like" data-send="false" data-width="450" data-show-faces="true" data-font="arial"></div>

我做像这样添加Facebook类似按钮。当我运行我的应用程序，看到我得到“对象不支持此属性或方法，all.js，uri：https://connect.facebook.net/en_US/all.js”

有人可以建议我如何解决这个问题？提前致谢。

答

您忘记了将<div id="fb-root"></div>添加到HTML的正文。

而且你似乎已经忘记了APP ID

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

这是什么127211380649475. – TJK 2012-01-12 02:37:07

从Facebook的例子中的示例应用程序ID ......与你和你的页面替换它应该更好地工作。另外请确保包含fb-root div。 – DMCS 2012-01-12 02:38:21

我不知道你在说什么appid。你可以解释吗？ – TJK 2012-01-12 02:52:11

答

是你的浏览器支持html5吗？也许错误在这里“scrFaceBook.async = true;”

答

你需要确保DOM元素会在脚本标记上述声明。否则可能无法负荷：

<div class="fb-like" data-send="false" data-width="450" data-show-faces="true" data-font="arial"></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/all.js#xfbml=1&appId=127211380649475"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script>

试图添加Facebook的喜欢按钮，在我的网站

相关推荐