Question

目前我正在测试Facebook标签页。我正在使用JavaScript SDK和推荐的异步init方法：

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


        FB.getLoginStatus( loginStatus );
        FB.Canvas.setAutoGrow( );
        FB.Canvas.setSize( {height: 1200 });


     };

     (function(d){
         var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
         js = d.createElement('script'); js.id = id; js.async = true;
         js.src = "//connect.facebook.net/en_US/all.js";
         d.getElementsByTagName('head')[0].appendChild(js);
     }(document));

我在 IE7 / 8 中遇到问题，其中 setAutoGrow 和 setSize 没有响应。我的标签页不大小调整为完整内容。相反，在IE控制台中，每当我调用setAutoGrow或setSize：

时，我都会收到此错误

SCRIPT438: Object doesn't support this property or method all.js, line 15 character 3916

我在Chrome / FF / IE9 PC / MAC中进行了测试，一切正常，只有IE7 / 8给我这些问题。任何人都知道这些是FB JS SDK的已知错误还是我做错了什么？

Answer 1

<script type="text/javascript">
    FB.Canvas.setSize({ width: 520, height: 1400 });
    window.fbAsyncInit = function () {
        FB.Canvas.setAutoResize();
    }
</script>

使用此功能并在关闭body标签之前将其放好。

还要确保在body标签中也有这个标记：

<div id="fb-root"></div>
<script type="text/javascript" src="//connect.facebook.net/en_US/all.js"></script>

Facebook JavaScript SDK FB.Canvas.setSize和setAutoGrow在IE7 / 8中不起作用

1 个答案: