0

我正在使用需要保留的 facebook 编程 <div id="fb-root" ></div>。

在我的第一页上，我通过按钮单击执行 facebook 登录，这需要保留上面的 div。这没有问题。

现在，当用户单击 index.php 上的按钮时，通过 ajax 新页面url.php被加载到页面<div>上index.php。此url.php页面包含 facebook 评论框的代码。哪个再次使用<div id="fb-root" ></div>. 所以在两者上都有相同的 div idindex.php并且url.php会产生问题？

当我直接加载url.php时，facebook comment box显示正确，但是当我第一次加载index.php并通过 ajax 请求url.php调用时，注释框不会出现。

这是 url.php 上 facebook 评论框的代码：

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

<div class="fb-comments" data-colorscheme="light" data-width="470" style="z-index: 1; left: 420px; top: 560px; "  ></div>

而 index.php

<div id="fb-root"></div>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({
    appId: '<?php
echo $appId;
?>',
    cookie: true,
    xfbml: true,
//  channelUrl: '<?php
echo $return_url;
?>channel.php',
    oauth: true});}; .....

更新

执行ajax调用的代码：

 if (response.status === "connected")
        {
            LodingAnimate(); 
            FB.api('/me?fields=movies,email', function(mydata) {
            console.log(mydata.email);

            //alert("json-5");
            var json = JSON.stringify(mydata.movies.data);
        //    alert(mydata.movies);
            var a = JSON.parse(json);       
            $.post('movies_db.php',{'myd':a}, function(data) 
            {
                $.ajax({
            url:'url.php'
            ,async:     true
            ,cache:     false
            ,dataType:  'html'
            ,success:   function(data){
                $('body').html(data);
                    }
        });        
            });
        console.log(data);

              }); //--
         } //if
4

1 回答 1

1

您可以做的是<div id="fb-root" ></div>从url.php用于加载评论框的页面中删除 。相反，FB.XFBML.parse();在您的 ajaxsuccess或callback方法中使用 JavaScript 函数来使用现有的 div 呈现评论框。

jQuery 示例：

$.post( 'url.php', data, function( response ) {
    $('.comment-box').html( response );
    FB.XFBML.parse();
}, 'html' );

该FB.XFBML.parse();函数将呈现评论框和页面上的任何其他 Facebook 元素。

于 2013-10-02T10:55:42.903 回答