使用带有 xhtml strict 的 Facebook JS SDK 的几个 xml 错误答案

【问题标题】：Several xml errors using Facebook JS SDK with xhtml strict使用带有 xhtml strict 的 Facebook JS SDK 的几个 xml 错误
【发布时间】：2011-02-09 23:22:58
【问题描述】：

我正在尝试为项目设置一些类似的按钮。这些按钮位于带有 Aino's Galleria 的 jquery 幻灯片中，让您“喜欢”每张不同的幻灯片。我正在使用 xHTML 严格文档，而在 Firefox（和 Firebug）中一切似乎都很好，但在 webkit 检查器中我得到了这个：

   XML self-closing tag syntax used on <fb:like>. The tag will not be closed.
   [The HTML that caused this error was generated by a script.] XML self-closing tag syntax used on <fb:like>. The tag will not be closed.

每张幻灯片我都会得到一个，所以有 28 个错误。查看它，发现有些似乎将 fb:like 包含在这样的东西中：

<script type="text/javascript">
//<![CDATA[
document.write('<fb:like href="<?php echo "http://www.site/image-".$image_id ;?>" width="260" height="80" show_faces="false" />');
//]]>
</script>

上述内容在 Firefox 中仍然有效，但在 Safari 中无效。检查员说：

26 XFBML tags failed to render in 30000ms.

此外，为了让 Facebook 点赞按钮与 Galleria Jquery 插件一起使用，我有一个自定义函数，它只重新加载与实际幻灯片相关的 Facebook 点赞按钮，该按钮在加载幻灯片时会短暂出现：

[...]
extend: function(options) {
       // listen to when an image is shown
       this.bind(Galleria.IMAGE, function(e) {
            number = e.index + 1;
        tag = $('.galleria-info-description .info-box-'+number).find('.btn_fb');
    $(tag).each(function() {
            FB.XFBML.parse( this );
        });
    });
}

这件事越来越复杂，真的不知道是谁造成的问题！希望有人可以提供帮助或提出正确的问题！

【问题讨论】：

标签： facebook xhtml-1.0-strict galleria facebook-javascript-sdk

【解决方案1】：

将此属性添加到您的<html> 标签：

xmlns:fb="http://www.facebook.com/2008/fbml"

如果这不起作用，您可以尝试以 iFrame 形式生成按钮，而不是使用 XFBML 标签。

【讨论】：

【解决方案2】：

您在此处尝试使用的代码是 Open Social DTD 的一部分。 XHTML Strict 无法解析此代码，它不是规范的一部分，因此无效。

Take a look at the documentation for Facebook Open Social 并且您会看到该文档必须使用非常不同的 DTD 进行标记。

【讨论】：

【解决方案3】：

尝试使用HTML5 instead，它没有XHTML 严格，尤其是XHTML 严格。 XHTML 无论如何都死了。

【讨论】：