Question

大家好，这是我的问题：FB开发者网站声明，为了初始化de Javascript SDK：“放置此代码的最佳位置就在打开<body>标记之后。”

在我基于Wordpress的博客的Header.php中，我有这段代码：

</head>

<body <?php body_class(); ?>>

  <div id="fb-root"></div>
  <script>
    window.fbAsyncInit = function() {
      FB.init({
        appId      : XXXXXXXXXXXXXXX,
        status     : true, 
        cookie     : true,
        xfbml      : true
      });
    };
    (function(d){
       var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
       js = d.createElement('script'); js.id = id; js.async = true;
       js.src = "//connect.facebook.net/en_US/all.js";
       d.getElementsByTagName('head')[0].appendChild(js);
     }(document));
  </script>

<div id="pagewrap1">

        <div id="headerbg">

            <div id="header">
            <?php include (ABSPATH.'wp-content/flashfader/flashfaderhtml.txt'); ?> 

            </div>                

        </div><!-- headerbg END -->

</div><!-- ENDof #pagewrap1 -->    

<div id="pagewrap2"> 

<div id="access" role="navigation">

            <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>

<div id="iconfacebook">
<a href="http://www.facebook.com/name" title="Facebook"><img src="png"; /> </a>
</div>    
<div id="icontwt">
<a href="http://twitter.com/name" title="Sígueme"><img src="png" /></a>
</div>    
<div id="iconfeed">
<a href="feed" title="Suscribirse RSS 2.0"><img src="png" /></a>
</div>

    <div class="search-form">
            <?php $search_text = "Buscar..."; ?>
                <form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">

                <fieldset class="search">

                <input type="text" value="<?php echo $search_text; ?>" name="s" id="s" onblur="if (this.value == '') {this.value = '<?php echo $search_text; ?>';}" onfocus="if (this.value == '<?php echo $search_text; ?>') {this.value = '';}" />

<button class="btn" title="Buscar">Search</button>    

                </fieldset>
</form>     

</div>

</div><!-- #access -->

</div><!-- ENDof #pagewrap2 -->    

<div id="pagewrap3">

这就是我的header.php结束的地方。

问题是：专用Wordpress页面中的注册插件不起作用，并显示此image。

但是，如果我将代码放在侧边栏上的文本小部件中，它就会起作用，就像在其他image中一样。你甚至可以看到边栏边缘。

我在使用Javascript SDK时遇到了什么问题？我应该把它放在哪里？我需要在专门的页面中注册表格。请帮忙。

Answer 1

将<div id="fb-root" />标记放在您希望显示Facebook内容的位置。

将<script>标记放在页面底部，紧靠结束</body>标记之前。

打开标签后无法正常使用Javascript SDK

1 个答案: