0

我正在使用 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 - 是一个默认值，所以没有任何改变。我发现您可以通过执行上述操作来设置宽度。

4

1 回答 1

0

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

#article-container {
  width: 50%;
}

...这不是绝对的，是父容器（fancybox）的一半，所以即使你width为 fancybox 设置了一个固定值，比如说600px，你里面的内容也只是300px width.

无论如何，您遇到的主要问题是，fancybox v2.x 的 API 选项既不是也不autoScale是autoDimensions有效的 API 选项......fancybox v2.x 选项是新的，并且与以前的 (v1.3.x) 版本不兼容。

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

$(".fancybox").fancybox({
    'type': 'ajax',
    'fitToView': false,
    'autoSize': true
});​

顺便说一句，请注意true布尔 ( / ) 或整数值都不false带引号......这会使您的脚本失败。

于 2013-01-02T08:43:57.627 回答