Question

我正在使用fancybox2，无法让我的花哨窗口调整内容大小。它似乎只是拉伸页面的整个宽度......

http://www.mniac.com/rogue24/the-craft/press.php

点击初始文章

上的了解更多

您将看到我将内容放在具有绝对宽度的容器中。我已经尝试了我能找到的每一种设置变化，似乎没有任何工作......

这就是我正在使用的：

$(".fancybox").fancybox({
                    'type':'ajax',
                    'autoScale':'false',
                    'autoDimensions':'true'
                });

这个脚本对我有用：

$(".fancybox").fancybox({
                    'type':'ajax',
                    'autoSize': false,
                    'width': 800
                });

'fitToView'：false - 让弹出窗口疯狂，远远超出了屏幕的极限。 'autoSize'：true - 是一个默认值，所以没有改变。我发现你可以通过做上面所做的事来设置宽度。

Answer 1

您的#article-container（来自您的ajax内容）有css规则

#article-container {
  width: 50%;
}

...这不是绝对的，是父容器（fancybox）的一半，所以即使你为fancybox设置一个固定的width，让我们说600px，你的内容也会是只有300px width。

无论如何，主要问题表明，autoScale或autoDimensions都不是fancybox v2.x的有效API选项.... fancybox v2.x选项是新的，与以前的（v1.3.x）版本不兼容。

检查http://fancyapps.com/fancybox/#docs以获取正确的API选项....在您的情况下，我认为您打算使用fitToView（v1.3.x中的autoScale）和{{1} }（v1.3.x中的autoSize）如：

autoDimensions

BTW，通知布尔（$(".fancybox").fancybox({ 'type': 'ajax', 'fitToView': false, 'autoSize': true }); / true）或整数值都没有引号......这会使您的脚本失败。

FancyBox 2 Ajax窗口大小控制

1 个答案: