Html facebook页面iframe选项卡-表单未出现
我在facebook页面上有一张表格。如图所示: 它是一个iframe选项卡,但底部的表单没有呈现。当使用IE8或IE9时,表单不会出现。当使用chrome、firefox或safari时,表单确实会出现。使用chrome,我可以在检查元素时看到它,但它在那里,但不可见Html facebook页面iframe选项卡-表单未出现,html,facebook,iframe,facebook-page,Html,Facebook,Iframe,Facebook Page,我在facebook页面上有一张表格。如图所示: 它是一个iframe选项卡,但底部的表单没有呈现。当使用IE8或IE9时,表单不会出现。当使用chrome、firefox或safari时,表单确实会出现。使用chrome,我可以在检查元素时看到它,但它在那里,但不可见 想法?查看页面的源代码,您需要进行一些更改和添加 确保为页面声明了DOCTYPE。 接下来,从body标记中删除onLoad属性: <Body onLoad="FB.Canvas.setSize({width: 515,
想法?查看页面的源代码,您需要进行一些更改和添加 确保为页面声明了DOCTYPE。 接下来,从body标记中删除onLoad属性:
<Body onLoad="FB.Canvas.setSize({width: 515, height: 1350})"><Div id="fb-root"></div>`
此外,您还需要更新以下代码:
确保您正在为您的应用程序使用来自的应用程序ID。
您还需要确保OAuth属性在您的调用中
<Script src="http://connect.facebook.net/en_US/all.js#xfbml=1″></script>
<Script type="text/javascript">
FB.init({
appId: FB_APP_ID,Status: true,Cookie: true,Xfbml: true
});
window.fbAsyncInit = function().{
fb.canvas.setautoresize();
}
</Script>
下面是一个示例,说明它的外观:
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({appId: 'PUT THE APP ID FROM https://developers.facebook.com/apps HERE',
status: true, cookie: true,
xfbml: true, oauth: true});
};
(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>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.Canvas.setAutoResize();
}
</script>