Facebook JavaScript SDK: FB.Canvas.setAutoResize iFrame, не работающий?
мы создали приложение Facebook с рубином/направляющими и facebooker (iframe приложение) и в настоящее время застреваем с FB.Canvas.setAutoResize, который, кажется, перестал работать в некоторых случаях. использование примера из документов разработчика Facebook (см. http://developers.facebook.com/docs/reference/javascript/). автоизменить размер сбои, после того как Вы вводите страницу, которая выше, чем 800 пкс - так сказать, это просто, работают, пока холст становится больше, не, когда это становится меньшим. у кого-либо есть подсказка или возможно обходное решение?
вот часть кода изменения размеров
я очень благодарен за любые комментарии или подсказки, так как я скручиваю голову вокруг этого больше дня теперь.
2 ответа
Некоторые ключевые вещи, которые необходимо убедиться, установлены в настройках приложения:
- Настройки холста -> Метод рендеринга = iFrame
- Настройки холста -> Размер iFrame = изменяемый размер
- Миграции - > new SDK = Enabled
Затем настройте свой код, добавив таймаут (250, кажется, работает лучше всего, но вы можете поэкспериментировать). Я тестировал это в FF3.6 и IE7 +. В IE на мгновение вспыхивает вертикальная полоса прокрутки, которую я все еще пытаюсь исправить.
<div id="fb-root"></div>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({appId: '12345678910', status: true, cookie: true, xfbml: true});
window.setTimeout(function() {
FB.Canvas.setAutoResize();
}, 250);
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>
решение простое!
помимо добавления FB.Canvas.setAutoResize()
вам нужно изменить свое тело на body style="overflow:hidden"
это работает для меня! теперь ie8 в порядке!!