访问iframe中的链接后调整fancybox宽度答案

【问题标题】：Resize fancybox width after visiting link in iframe访问iframe中的链接后调整fancybox宽度
【发布时间】：2013-01-25 02:53:45
【问题描述】：

我在父页面上创建了一个固定宽度的幻想框，如下所示：

$('.fancybox').fancybox({
    width: 650
});

我有一个可以在弹出的 iframe 中单击的链接，该链接指向一个 850 像素宽的新页面。我需要 FancyBox 来调整到那个宽度。我怎样才能做到这一点？我尝试过使用 autosize:true 函数，但这似乎不起作用。

【问题讨论】：

检查stackoverflow.com/a/10776520/1055987 ...不过，您总是需要在新的 iframe 中设置尺寸。然后，在 iframe 中，您可以调用 parent.$.fancybox.update() 方法

【解决方案1】：

使用 jQuery 你可以做到：

$(".fancybox").css({"width" : "850"});

在您的 Fancybox 通话之后。

【讨论】：

我对 javascript 非常陌生，因为我现在主要使用 PHP。我将在哪里实现此代码？我会称它为锚标签的 onclick 吗？所以有点像？或者放在哪里？谢谢！！
您不应将其称为内联。您应该从您的文件中调用事件处理程序，然后您将在此之后立即调用 fancybox 调整大小。您还需要定义 iframe 的宽度。

【解决方案2】：

您也可以这样做，假设新内容设置了大小：

$('#fancybox-wrap, #fancybox-outer, #fancybox-content').css('width', 'auto');
$.fancybox.center();

【讨论】：

最新版本 $('.fancybox-wrap, .fancybox-outer, .fancybox-inner, .fancybox-content').css('width', 'auto'); $.fancybox.reposition();

【解决方案3】：

您可以致电：

$('#fancybox-content').width(850);

随时调整fancybox的宽度。

【讨论】：