调整jQuery colorbox以适应iframe内容的大小？

Question

9

使用resize()函数，我们可以调整colorbox的ajax内容大小。但是如何调整包含iframe内容的colorbox的宽度和高度？是否可以设置新的colobox高度和宽度呢？

我从这个网址找到了解决方案 - http://groups.google.com/group/colorbox/browse_thread/thread/fadc3d68ca764de3/c38fa24136a6abd7?pli=1 但是遇到另一个问题，onComplete事件在iframe内容完全加载之前被调用。我尝试使用setTimeout函数等待内容加载，但这不是一个确定的解决方案，因为网络速度会影响响应时间。

- Mayur bhalgama

4个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Kai · Answer 1

$("yourelement").colorbox({
  iframe: true,
  innerWidth: 600,
  innerHeight: 400
});

- Shemeer M Ali · Answer 2

从父母那里来

parent.$.colorbox.resize({innerHeight:"260px"});

- Adam Sparks · Answer 3

关于第二部分，您可以尝试使用fastiframe false， element.colorbox({fastiframe:false});

将其设置为false将防止在加载iframe之前进行渲染，默认情况下为true。

- Mayur bhalgama · Answer 4

从v1.3.8开始，您可以使用resize()方法设置colorbox的宽度、高度、innerWidth和innerHeight。