如何在Fancybox 2中动态调整iframe的大小？

Question

我正在使用Fancybox 2.0。我在iframe中打开内容。我该如何动态调整大小 iframe中的内容更改时的弹出窗口？

我谷歌数小时，但所有链接都是旧版本（1.3）或死胡同。

感谢所有输入！

Answer 1

我使用了之前的show选项来调整它的大小：

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

要让它在帧内运行，你需要从子页面激活父。$。fancybox.update（），它应该调整它的大小。

Answer 2

您可以根据内容宽度和高度调整iframe宽度和高度，使用此选项autoSize为true。 如果autoSize为true，则将autoHeight和autoWidth都设置为true。这意味着“内联”，“ajax”和“html”类型的内容宽度和高度是自动确定的。

$.fancybox.open({
padding : 0,
href:'http://www.gamespot.com',
type: 'iframe',
autoSize: true
});

Answer 3

这应该这样做。

$.fancybox({
  width:600,
  height:300,
  autoResize:false
});