为 iframe 内容调整 jQuery 颜色框的大小？

Posted 2023-05-07

技术标签:

【中文标题】为 iframe 内容调整 jQuery 颜色框的大小？【英文标题】：Resize jQuery colorbox for iframe content? 【发布时间】：2011-03-07 06:09:47 【问题描述】：

使用 resize() 函数，我们可以调整彩盒的 ajax 内容。但是如何调整具有 iframe 内容的颜色框的宽度和高度？可以设置colobox的新高度和宽度吗？

我从这个网址找到了解决方案 - http://groups.google.com/group/colorbox/browse_thread/thread/fadc3d68ca764de3/c38fa24136a6abd7?pli=1

但在 iframe 内容完全加载之前调用了另一个问题，即 onComplete 事件。我尝试使用 setTimeout 函数放置一些等待内容加载。但这不是具体的解决方案，因为网络速度会有所不同以获得响应。

【问题讨论】：

【参考方案1】：

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

【讨论】：

【参考方案2】：

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

【讨论】：

【参考方案3】：

From parent

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

【讨论】：

【参考方案4】：

关于第二部分。你可以试试 fastiframe false， element.colorbox(fastiframe:false);

将其设置为 false 将阻止它在加载 iframe 之前进行渲染，默认为 true。

在这里找到它： http://www.jacklmoore.com/colorbox/

【讨论】：

以上是关于为 iframe 内容调整 jQuery 颜色框的大小？的主要内容，如果未能解决你的问题，请参考以下文章