Question

我在Facebook开发者论坛上问过the same question，但由于某些原因，我想在此处重新发布。我希望没关系。

我有以下fb：serverfbml代码段。

<fb:serverfbml id="invite_friends_form" style="width: 100%">
  <script type="text/fbml">
    <fb:fbml><p>Testing FBML rendering</p></fb:fbml>
  </script>
</fb:serverfbml>

<script>
    $(document).ready(function()
    {
        // Parse XFBML tags
        FB.XFBML.parse();
    });
</script>

它在Firefox和Chrome中正确呈现。我得到了通常的Facebook加载动画片刻，然后显示“测试FBML渲染”这句话。

但是，当我在Opera 10和Internet Explorer 8上测试时，它不起作用。我确实看到Facebook加载动画，但它从未完成。当我看到我的网络监视器时，我看到http://www.facebook.com/plugins/serverfbml.php的请求，我在查询字符串中传递了要渲染的FBML。

请求已经完成并且来自facebook的正确响应，但仍然是加载动画继续。

有谁知道，这可能是什么问题？

谢谢，Andree。

Answer 1

整个上午我都有同样的问题，我终于解决了！：）

添加：

<div id="fb-root"></div>

......你体内的某个地方。

另外，将xmlns：fb =“http://www.facebook.com/2008/fbml”添加到html标记中，使其显示为：

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">

我将发布我的整个代码，以便您可以进行比较：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
    <title></title>
</head>


<body style="margin:0px 0px 0px 0px;overflow:hidden;text-align:center;">

    <div id="fb-root"></div>

    <fb:serverFbml>
        <script type="text/fbml">
            <fb:fbml>
                <fb:request-form
                    method="POST"
                    type="jugar a Mahou Liga Chapas"
                    action="http://mahouligachapas.unusualwonder.com"
                    content='¿ Te echas un partido conmigo? 
                        <fb:req-choice url="http://apps.facebook.com/mahouligachapas" label="Sí" />
                        <fb:req-choice url="http://www.facebook.com" label="No" />' 
                >
                    <fb:multi-friend-selector actiontext="Invita a tus amigos a jugar a Mahou Liga Chapas"/>
                </fb:request-form>
            </fb:fbml>
        </script>
    </fb:serverFbml>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
    <script type="text/javascript" src="http://connect.facebook.net/es_ES/all.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            FB.init({ appId: 'XXXXXXXXXXX', status: true, cookie: true, xfbml: true });
        });

    </script>

</body>
</html>

Answer 2

我有同样的问题。但是在可能的情况下包含的动作参数“（双引号）。当我添加斜线问题时。

fb：serverfbml不会在Opera和IE上呈现

2 个答案: