0

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

我设置了一个超链接，它使用请求页面的 IFRAME 弹出打开灯箱。

这工作正常，但是......

灯箱太大，我希望它根据内容自动调整大小。在http://fancyapps.com/fancybox/#docs的文档中，您可以在表格中看到一个 autosize 参数。

是这样吗，知道jQuery的人可以帮我看看这在我的脚本配置中是如何出现的吗？

这是我当前的配置：-

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

2 回答 2

0

我已经autoSize在您的网站上尝试过，但它似乎不起作用。但是这段代码似乎可以解决问题：

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

我在这个答案中找到了它并将其调整为您的布局以从根 div 检索宽度。

但最好了解为什么autoSize对您加载的 iframe 没有任何影响。

于 2013-02-13T15:43:36.600 回答
0

查看您的 URL，IFRAME 在第一个 div 元素上具有 520px 的固定宽度。

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

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

于 2013-02-13T15:49:17.727 回答