6

我可以调整$.fancybox.resize();零件的高度,但宽度不会根据新内容更新。想法?

4

5 回答 5

8

来自fancybox api 文档

$.fancybox.resize:“自动调整 FancyBox高度以匹配内容高度。”

所以看起来它不是为了调整宽度。

如果您想调整宽度,可以通过手动调整#fancybox-wrap#fancybox-inner元素的大小来实现。经过一些非常快速的检查后,它看起来#fancybox-wrap设置为比 20px 宽#fancybox-inner

$('#fancybox-inner').width(400);
$('#fancybox-wrap').width(420);

您还可以在第一次使用以下width选项注册 fancybox 时控制宽度:

$('#somelink').fancybox({ width: '100px' });
于 2010-03-08T04:45:09.050 回答
4

在较新版本的fancybox(在我的情况下为1.3.4)使用

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

代替

$('#fancybox-inner').width(400);

用于手动调整宽度

于 2011-01-05T21:11:36.780 回答
1

在 jquery.fancybox.js 中对 nubmer:837 附近的行进行一些更改

current.width = loadingBay.width();

current.width = loadingBay.width() + 2*current.padding;

它对我来说很好。

于 2012-11-05T11:48:04.613 回答
1

这对我有用:

$('#fancybox-wrap, #fancybox-outer, #fancybox-content').css('width', 'auto');
$.fancybox.center();
于 2013-05-04T23:11:09.277 回答
-1

只需打开 jquery.fancybox.js 并添加您自己的宽度。这是我的宽度 = 72% 的代码。

// Reset dimensions so we could re-check actual size
        wrap.add(skin).add(inner).width('72%').height('auto').removeClass('fancybox-tmp');
于 2014-03-29T22:27:13.413 回答