首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >"fb-root“div尚未创建,正在自动创建

"fb-root“div尚未创建,正在自动创建
EN

Stack Overflow用户
提问于 2013-06-18 21:03:04
回答 2查看 18.2K关注 0票数 17

我在我的网页上使用FB like按钮,有时它渲染,有时它不渲染,当我看到控制台错误日志它显示错误

代码语言:javascript
复制
The "fb-root" div has not been created, auto-creating

在all.js中,我使用了以下代码

代码语言:javascript
复制
<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/all.js#xfbml=1&appId=105911812857824";
        fjs.parentNode.insertBefore(js, fjs);
    } (document, 'script', 'facebook-jssdk'));
</script>


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

回答 2

Stack Overflow用户

发布于 2014-06-03 20:08:00

使用以下代码

代码语言:javascript
复制
<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&appId=694586437259261&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

并将此代码也

代码语言:javascript
复制
<div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="standard" data-action="like" data-show-faces="false" data-share="false"></div>

你必须提供适合你的data-href="your link for like“。

票数 7
EN

Stack Overflow用户

发布于 2015-05-28 04:43:23

有一个newer way to initialize the API

您可以将appId放在init方法中,而不是嵌入到URL中。

他们甚至不再建议你使用fb-root。事实上,我真的不明白你为什么需要这样做。您仍然会在控制台中收到警告,但我看不出有任何理由担心手动输入它。

代码语言:javascript
复制
<script>

   window.fbAsyncInit = function() {
     FB.init({
       appId      : 'your-app-id',
       xfbml      : true,
       version    : 'v2.3'
     });
   };

   (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";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));

</script>
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17169583

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档