Facebook JavaScript sdk fb.canvas.setsize и setautogrow не работает в IE7/8
Вопрос
В настоящее время я тестирую страницу вкладок в Facebook. Я использую JavaScript SDK с рекомендуемым методом Async 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 или я делаю что -то не так?
Решение
<script type="text/javascript">
FB.Canvas.setSize({ width: 520, height: 1400 });
window.fbAsyncInit = function () {
FB.Canvas.setAutoResize();
}
</script>
Используйте это и поместите его прямо перед закрытием тега тела.
Также убедитесь, что у вас есть эта разметка в тегах тела:
<div id="fb-root"></div>
<script type="text/javascript" src="//connect.facebook.net/en_US/all.js"></script>
Не связан с StackOverflow