问Facebook的评论插件有几个问题
EN

Stack Overflow用户

提问于 2014-07-13 18:12:53

回答 1查看 98关注 0票数 0

我在这个页面上有一个facebook评论框：http://8wayrun.tv/

<div class="fb-comments" data-href="http://8wayrun.tv"
    data-width="100%" data-numposts="20" data-order-by="reverse_time"></div>

我对这个评论框有3个问题。

如果您转到页面，您将看到facebook评论框隐藏在选项卡后面。因为默认情况下，页面加载时选项卡是隐藏的，所以注释框代码中的data-width="100%"属性强制该框的宽度为0像素；因为100%的隐藏是0 0px。如果你转到这里：http://8wayrun.tv/#facebook，一个强制Facebook选项卡首先打开的链接，你会看到它加载的非常好……但问题1导致了问题2..。

盒子没有反应。我的整个页面都有反应。当您调整页面大小时，各种元素的宽度都会随之调整.除了Facebook的盒子。似乎在JS加载和盒子被放置的那一刻，FB硬编码一个特定大小的宽度，并且它永远不能改变。是否有一种快速简便的方式使FB评论框符合我的页面的响应能力？

如何设置注释框的高度？它似乎没有延伸到我页面的高度。

有办法让FB评论框自动更新吗？所以它可以更多地用作聊天室而不是评论框？

facebook

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-07-13 19:07:42

用下列代码解决了问题1和问题2：

$(window).resize(function(e) { resizeFacebookComments(); });
$('#fbtab').click(function(e) { resizeFacebookComments(); });

function resizeFacebookComments()
{
    var src   = $('.fb-comments iframe').attr('src').split('width='),
        width = $('#facebook .inner').width()-18;

    $('.fb-comments iframe').attr('src', src[0] + 'width=' + width);
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/24725742

复制

相似问题

问Facebook的评论插件有几个问题
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Facebook的评论插件有几个问题EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Facebook的评论插件有几个问题
EN