如何使fancybox调整大小以自定义创建的iframe大小

dmm*_*mmd 1 jquery fancybox

我想让fancybox尺寸与"手动创建的"iframe的内容大小相匹配.

我试过这个:http://jsfiddle.net/ystLD/3/

但它不起作用,现在我有点卡在这里.

有谁知道如何做到这一点?

谢谢.

JFK*_*JFK 5

"手动创建" iframe的缺点是fancybox并不真正知道type内容正在处理什么.我宁愿用选项打开fancybox type: "iframe".

然后,只有这样,我能想到的,你可以重新大小的fancybox根据的内容iframe是硬编码内打开页面内的尺寸iframe,无论是在html,body或包装容器状

<html style="width: 800px; height: 650px;">
Run Code Online (Sandbox Code Playgroud)

然后你可以使用beforeShow回调来获得iframe类似的尺寸

  beforeShow: function(){
   this.width = $('.fancybox-iframe').contents().find('html').width();
   this.height = $('.fancybox-iframe').contents().find('html').height();
  }
Run Code Online (Sandbox Code Playgroud)

如果你没有自己打开的页面,你不能硬编码它的尺寸,你仍然可以尝试获得innerWidth()innerHeight()htmlbody标签,但它可以真正越野车,你可以在此看到叉形小提琴

以下是适用于其他人的答案/sf/answers/754356431/