我需要在更新页面内容后调整画布大小。我可以明确地做到这一点
FB.Canvas.setSize({ width: 760, height: 1480 });
但是,如果没有参数,它就无法工作,即.setSize()
.
另外,我可以通过以下方式调整高度
FB.Canvas.setAutoResize(true);
但只是增加 - 当内容减少时它不会减少高度。
以下几行不起作用:
FB.Arbiter.inform("setSize", FB.Canvas._computeContentSize());
FB.Canvas.setSize(FB.Canvas._computeContentSize());
怎样才能让它发挥作用呢?
关于该主题的更多评论:
- http://developers.facebook.com/blog/post/93 http://developers.facebook.com/blog/post/93
- http://developers.facebook.com/docs/reference/javascript/fb.canvas.setautoresize http://developers.facebook.com/docs/reference/javascript/fb.canvas.setautoresize
Related:
- facebook-api:Facebook Connect 跨域接收者 URL 是什么? https://stackoverflow.com/questions/2585028/facebook-api-whats-facebook-connect-cross-domain-receiver-url
- facebook-app:如何更改可调整大小的 iframe 应用程序的高度? https://stackoverflow.com/questions/2562789/facebook-app-how-can-i-change-the-height-of-a-resizeable-iframe-application
- 动态设置画布尺寸时,文档高度会随着调整大小而增加 https://stackoverflow.com/questions/2305548/document-height-grows-on-resize-when-setting-canvas-dimensions-dynamically
如何控制 Facebook Canvas 应用程序的大小?
不要编写自己的定时自动调整大小函数。脸书有一个:
FB.Canvas.setAutoResize();
如果您知道何时需要调整其大小,请使用
FB.Canvas.setSize()
因此,如果您想在单击链接时缩小尺寸,请将其粘贴到函数中,然后稍后调用该函数,如下所示:
function sizeChangeCallback() {
FB.Canvas.setSize();
}
//start some function or on click event - here i used jquery
$("#something").click(function() {
sizeChangeCallback()
});
您不需要设置明确的高度,但有时您可能会遇到动态 xfbml 元素(例如评论插件)的问题。尝试使用事件订阅回调:
FB.Event.subscribe('xfbml.render', function(response) {
FB.Canvas.setAutoResize();
});
http://developers.facebook.com/docs/reference/javascript/FB.Canvas.setSize/ http://developers.facebook.com/docs/reference/javascript/FB.Canvas.setSize/
http://developers.facebook.com/docs/reference/javascript/FB.Canvas.setAutoResize/ http://developers.facebook.com/docs/reference/javascript/FB.Canvas.setAutoResize/
http://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/ http://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)