调整Facebook的大小；例如；按钮iframe以适应内容

我在我的网站上使用Facebook的“Like”按钮（）（标准iframe版本，而不是XFBML），并希望它在页面文本中浮动（内联）。问题是按钮可能有不同的状态，这取决于您是否“喜欢”自己、有多少喜欢、语言等，并且每个状态都有不同的宽度。我希望按钮的iframe的大小仅与iframe的内容一样大，从而允许按钮内联浮动，周围没有难看的间距。我找到的每个解决方案都涉及固定iframe或周围DIV的宽度

---

注：此问题并非重复。我想要的不是固定宽度，而是动态宽度。

我遇到了同样的问题。使这一点变得困难的是，您不能对包含来自不同域的页面的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图形中获得其他信息，帮助你确定宽度，或者创建自己的自定义显示代码（尽管至少你还需要为“喜欢”按钮本身使用提供的iFrame；你只需关闭所有附加功能即可）

我遇到了同样的问题。使这一点变得困难的是，您不能对包含来自不同域的页面的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图形中获得其他信息，帮助你确定宽度，或者创建自己的自定义显示代码（尽管至少你还需要为“Like”按钮本身使用提供的iFrame；你只需关闭所有额外的功能）