在访问iframe中的链接后调整花哨的框宽度

Resize fancybox width after visiting link in iframe

本文关键字:调整 访问 iframe 链接      更新时间:2023-09-26

>我在父页面上创建了一个固定宽度的花式框,如下所示:

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

我有一个链接,可以在弹出的iframe中单击该链接,该链接指向850px宽的新页面。我需要花式盒子调整到这个宽度。我该怎么做?我尝试使用autosize:true函数,但这似乎不能完成这项工作。

使用 jQuery,您可以执行以下操作:

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

在您的花式盒子通话之后。

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

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

你可以调用:

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

随时调整花式框的宽度。