Javascript Fancybox要使用什么参数才能使IFRAME在自动调整大小的窗口中打开？

正如标题所说，真的。我正在使用Fancybox，这是我网站上流行的jQuery lightbox脚本

我已经设置了一个超链接，使用请求页面的IFRAME弹出打开lightbox

这很好，但是

灯箱太大了，我希望它能根据内容自动调整大小。在的文档中，您可以在表中看到一个autosize参数

是这样吗？了解jQuery的人能帮我展示一下这在我的脚本配置中是如何出现的吗

以下是我当前的配置：-

$(document).ready(function() {
    $(".fancybox").fancybox({
 type: 'iframe',
 nextClick: false
     });
});

---

我在你的网站上尝试了

自动调整大小

，但似乎不起作用。但这段代码似乎起到了作用：

$(".fancybox").fancybox({
    type: 'iframe',
    beforeShow: function(){
        this.width = $('.fancybox-iframe').contents().find('div:first').width();
    },
    nextClick: false
});

我在中找到了它，并根据您的布局对其进行了调整，以从根div检索宽度

---

但是最好理解为什么

autoSize

对您加载的iframe没有任何影响。

查看您的URL，iframe在第一个div元素上的固定宽度为520px

<div style="width: 520px; margin: 0 auto;">

---

根据您的需要，尝试移除或缩小该宽度，使其宽度减小。

这似乎是您所期望的。你试过了吗？什么不起作用？将脚本的配置更改为：$（document）.ready（function（）{$（“.fancybox”）.fancybox（{type:'iframe'，autoSize:true，nextClick:false}）；}）；实际上什么都不做。这是网站的URL：单击顶部的“比较电影选项”会打开太宽的灯箱。嘿，谢谢你的解决方案。不幸的是，它似乎不起作用。。。我上传了我的页面，您可以在源代码中看到建议的解决方案。您能在页面上查看一下吗？@Tim加载页面时出现javascript错误，似乎导致了问题。如果我在chrome inspector中重新创建fancybox元素，它就会工作。试着先纠正源代码。太棒了，它很管用。我通过转到并单击顶部导航上的“比较音乐选项”来测试它。灯箱出现后，如果单击该灯箱内的“比较电影选项”链接，该链接将转到另一个iframe，则不会根据该链接调整大小。这有道理吗？有没有办法做到这一点？Thanks@Tim我试图用onUpdate来代替beforeShow，但效果并不理想。我不熟悉fancybox，所以您可能想问另一个问题或更新此问题，以准确解释您想要做什么。我认为520px是他想要的宽度，但iframe大于that@giannis刚刚在这里尝试了你建议的解决方案，这对我来说似乎不起作用，但我在这里上传了一个不同的URL：为了让你看到结果，你希望达到的预期宽度是多少？