Question

我有一个包含facebook评论插件的html页面。当我添加一些注释时，我希望容器div的高度动态增长。我想我应该通过两个步骤完成它： step1-捕获添加评论操作。 step2-重置div高度。我被困在第1步，因为当有人添加评论时页面不会刷新。（PS：我确实想使用滚动条）。有人可以告诉我该怎么做吗？

<html>
<head></head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="container">
     <div class="facebook">
<div class="fb-comments" data-href="example.com" data-num-posts="2"data-width="500"</div>
     </div>
</div>
</body>
</html>

Answer 1

如果要动态增加评论框的高度，最好的方法是不指定容器的高度或将容器高度设置为自动

.container{
     height:auto !important;
}

否则，如果要在添加新注释时增加高度，可以在回调函数上设置高度，每当放置注释时都会引发该高度。

有关详细信息，请参阅以下检查链接：

https://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/v2.2

<强>更新

$(function () {
    window.fbAsyncInit = function () {
        FB.init({
            appId: fbApplicationID,
            status: true, // check login status
            cookie: true, // enable cookies to allow the server to access the session
            xfbml: true, // parse XFBML  
            oauth: true,
            channelUrl: siteUrl + '/public/api/facebook/xd_receiver.htm'
        });
        FB.Event.subscribe('comment.create', function (res) { 
            //Your Code Here
        });
    };
});

如何根据facebook评论动态调整div高度

1 个答案: