Facebook评论插件

Question

我正在使用Facebook XML在我的MVC3应用程序中加载Facebook评论插件，如下所示：

<fb:comments href="@Request.Url.AbsoluteUri" num_posts="15" width="900"></fb:comments>

问题是width属性仅以像素值呈现。我想指定一个百分比宽度。我检查了当Facebook的JavaScript将XML标记呈现为完全限定的HTML时生成的HTML。它输出一个带有指定宽度的内联css的iframe。iframe有一个类"fb_ltr“，我试着为.fb_ltr做一个CSS规则来改变宽度，但是因为css是内联的style=""属性，所以这个规则被覆盖了。

然后我尝试使用jQuery：

$(function()
{
    $('.fb_ltr').css('width', '100%');
});

但这也不起作用，因为Facebook的JavaScript需要一段时间才能完成它的工作并呈现内容。以前有没有人用过Facebook插件？定制似乎有点费解。在Facebook脚本呈现评论iframe之后，有没有办法绑定一些jQuery？

Answer 1

如果你可以通过css做到这一点，为什么不呢？只需添加!important，它将覆盖所有内容。但我怀疑你能否通过css做到这一点。示例css：

width: 100% !important;

Answer 2

尝试将load事件附加到facebook框架：

$("#comments").load( function() {
    $('.fb_ltr').css('width', '100%');
});

Answer 3

我改变了这一点：

<fb:comments href="http://whatever.com" 
num_posts="10" width="500"></fb:comments>

要这样做：

<fb:comments href="http://whatever.com" 
num_posts="10" width="100%" style="width:100%"></fb:comments>

并设置以下css：

iframe.fb_ltr { width:100% !important; }

它成功了..。