Javascript SDK сразу после открытия тега <body>не работает - PullRequest
Новая
       0

Javascript SDK сразу после открытия тега <body>не работает

1 голос
/ 01 ноября 2011

Привет всем, это моя проблема: сайт разработчиков FB заявляет, что для инициализации SDK de Javascript: «Лучшее место для размещения этого кода - сразу после открывающего тега <body>».

В Header.php моего блога на Wordpress у меня есть этот код: 

</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?Где я должен это разместить?Мне нужна форма регистрации на специальной странице.Пожалуйста, помогите.

1 Ответ

1 голос
/ 01 ноября 2011

Поместите тег <div id="fb-root" /> туда, где вы хотите показывать контент Facebook.

Поместите тег <script> внизу страницы, непосредственно перед закрывающим тегом </body>.

...