tabs - 页面标签在必要时增加高度，但不降低

Question

在我的 facebook 页面标签应用程序中，我有几个不同高度的不同页面。正如标题所说，页面在必要时会提高高度，但是当我返回不需要太多高度的页面时，窗口高度不会恢复到尽可能短的高度。这是它的外观：

http://www.facebook.com/EasterIslandTraveling/app_167418876720611

“基本”页面是我指的高页面。

在 FB.init 之后我使用 FB.Canvas.setAutoGrow(); 这应该可以解决问题，对吗？我究竟做错了什么？

Answer 1

您可以使用下面给出的代码来降低高度

<script src="//connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript">
        window.fbAsyncInit = function()  {
            FB.init({ appId: 'YOUR APP ID', 
                status: true, 
                cookie: true,
                xfbml: true,
                oauth: true
            });

            FB.Canvas.setSize({ height: 600 }); // You can set height here..
        }
</script>

这对我来说非常有效。让我知道它是否不起作用！

Answer 2

使用 FB.init() 时，必须先初始化 fb js 库。所以你必须在 window.fbAsyncInit 事件中包含 FB.init() 函数，如下所示：

window.fbAsyncInit = function()  {
            FB.init({ appId: 'FB APP ID', 
                status: true, 
                cookie: true,
                xfbml: true,
                oauth: true
            });

            FB.Canvas.setSize({ height: 700 });
        }

您可以认为您正在编写文档就绪事件中的 javascript...

$(document).ready(function(){ /* Js Code */ })