调整Facebook的“喜欢”按钮iframe以适应内容
我在我的网站（标准iframe版本，而不是XFBML）上使用Facebook的“赞”按钮（http://developers.facebook.com/docs/reference/plugins/like/），并希望它浮在页面文本中（内联）。 问题在于，按钮可以有多种状态，具体取决于你是否“喜欢”你自己，有多少喜欢，语言等，并且每个状态的宽度都不同。 我希望按钮的iframe的大小只与iframe的内容一样大，从而允许按钮在内部浮动而不会产生难看的间距。 我找到的每个解决方案都涉及固定iframe或周围DIV的宽度。
注意：这个问题不是重复的我怎样才能让Facebook Like按钮的宽度自动调整大小？ 我想不固定但动态宽度。
我遇到了同样的问题。 造成这种困难的原因是，你不能在包含来自不同域的页面的iframe的内容上使用javascript。
这只是一个部分的解决方案，但这可能有一些帮助。 您可以确定该页面已被“喜欢”多少次，并相应地使用Javascript（这里使用jQuery显示）调整样式：
jQuery(document).ready(function($) {
var shareUrl = window.location.href;
$.getJSON('http://graph.facebook.com/?id=' + escape(shareUrl) + '&callback=?', function(data) {
if (data.shares) { //if the tip of the day has been "liked" at least once
$('#fblike').addClass('hasLikes');
}
});
});
示例样式：
#fblike.hasLikes iframe {
width: 87px !important;
}
您可以从Facebook Graph中获取其他信息，这可以帮助您确定宽度，或者创建自己的自定义显示代码（尽管至少您仍然需要使用提供的iFrame作为“Like”按钮本身; d只需关闭所有附加功能）
链接地址: http://www.djcxy.com/p/62289.html