用jquery设置fancybox高度

我想在我的页面上显示一个fancybox，显示一个iframe，其中包含另一个具有动态高度的域的来源（因为在iframe中我会转到不同的页面或者可能有一些动态内容）。 我也可以访问其他域名的代码。 所以我可以使用postMessage将iframe的源高度发送到我的页面。 但我似乎无法想象如何通过代码更改fancybox的高度。

我尝试设置包含iframe的所有div的高度，包括iframe本身：

document.getElementById('fancybox-frame').height = parseInt(height); document.getElementById('fancybox-content').height = parseInt(height); document.getElementById('fancybox-outer').height = parseInt(height); document.getElementById('fancybox-wrap').height = parseInt(height); 

我知道我正在通过所有权利，因为它完全适用于直接集成的iframe。

有人有任何想法吗？

谢谢

编辑：我也试过$ .fancybox.update（），但我不确定如何实现：

 $.fancybox({ 'height': height }); $.fancybox.update(); 

Answer 1

您是否尝试过内置的$.fancybox.update()方法？ 文档建议（在API方法下）此方法应提供您正在寻找的function。

Answer 2

找到它，你必须改变以下属性

 document.getElementById('fancybox-content').style.height = parseInt(height) + 'px'; document.getElementById('fancybox-frame').height = parseInt(height);