Facebook JavaScript SDK FB.Canvas.setSize и setAutoGrow не работают в IE7/8

В настоящее время я тестирую вкладку Facebook. Я использую JavaScript SDK с рекомендуемым методом асинхронной инициализации:

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 или я делаю что-то не так?




Ответы (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>
person Skippy Daniels    schedule 30.11.2011
comment
-1 функция setAutoResize() устарела/удалена (developers.facebook. com/docs/reference/javascript/) - person lord_t; 10.05.2012