你如何在运行时调整Fancybox的大小？

Question

有没有人知道如何在运行时调整jQuery Fancybox的大小？

初始化fancybox时我可以这样做:

$("tag").fancybox({ 'frameWidth': 500, 'frameHeight': 700 });

我正在用动态内容填充fancybox,我希望它根据内容调整大小.

Answer 1

如果您使用的是Fancybox 1.3版,则有一个resize方法:

$ .fancybox.resize();

对于Fancybox的2.x版本,可以使用以下方法:

$ .fancybox.update()

这将根据其中的内容大小调整活动fancybox的大小.

Answer 2

Alan的解决方案不完整,因为在修改大小后,该框不再位于屏幕中心(至少使用最新的jquery和fancybox版本).

所以,完整的解决方案是:

$("#fancy_outer").css({'width': '500px', 'height': '500px'});
$("tag").fancybox.scrollBox();

Answer 3

如果 Fancybox 是 jQuery UI 的一部分，你会这样做：

$("tag").fancybox.option('frameWidth', 500);

但由于好像没有提供这样的方法，所以需要直接设置CSS：

$("#fancy_outer").css({'width': '500px', 'height': '500px'});