页面选项卡在必要时增加高度,但不会减少

时间:2012-05-10 20:49:30

标签: tabs height facebook-page

在我的Facebook页面标签应用程序中,我有几个不同高度的页面。正如标题所说,页面在必要时向上推高度,但当我回到不需要太多高度的页面时,窗口高度不会恢复到最短。这是它的外观:

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

“基础”页面是我所指的高页。

在FB.init之后我使用FB.Canvas.setAutoGrow();应该做的伎俩,对吗?我做错了什么?

2 个答案:

答案 0 :(得分:0)

使用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 */ })

答案 1 :(得分:0)

您可以使用下面给出的代码

来降低高度
<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>

这对我来说非常合适。如果它不起作用,请告诉我!!